@gnome-ui/react 1.49.0 → 1.49.1

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":""}

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

@@ -1,2 +1,2 @@
-var e={bar:`_bar_kfy6h_3`};exports.default=e;
+var e={bar:`_bar_1azyf_3`};exports.default=e;
 //# sourceMappingURL=ViewSwitcherBar.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcherBar.module.css.cjs","names":[],"sources":["../../../src/components/ViewSwitcherBar/ViewSwitcherBar.module.css"],"sourcesContent":["/* ─── Bottom bar ─────────────────────────────────────────────────────────────── */\n\n.bar {\n  display: flex;\n  align-items: stretch;\n\n  width: 100%;\n  min-height: 52px;\n\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-top: 1px solid var(--gnome-headerbar-shade-color, rgba(0, 0, 0, 0.12));\n\n  /* Safe-area inset for mobile browsers */\n  padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n/* Each child (ViewSwitcherItem) fills equal width */\n.bar > * {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n\n  /* Override the horizontal pill style from ViewSwitcherItem */\n  border-radius: 0;\n  padding: 6px 4px;\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  min-height: 52px;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .bar {\n    background-color: var(--gnome-headerbar-bg-color, #303030);\n    border-top-color: rgba(0, 0, 0, 0.3);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ViewSwitcherBar.module.css.cjs","names":[],"sources":["../../../src/components/ViewSwitcherBar/ViewSwitcherBar.module.css"],"sourcesContent":["/* ─── Bottom bar ─────────────────────────────────────────────────────────────── */\n\n.bar {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  min-height: 52px;\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-top: 1px solid var(--gnome-headerbar-shade-color, rgb(0 0 0 / 0.12));\n\n  /* Safe-area inset for mobile browsers */\n  padding-bottom: env(safe-area-inset-bottom, 0);\n}\n\n/* Each child (ViewSwitcherItem) fills equal width */\n.bar > * {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n\n  /* Override the horizontal pill style from ViewSwitcherItem */\n  border-radius: 0;\n  padding: 6px 4px;\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  min-height: 52px;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .bar {\n    background-color: var(--gnome-headerbar-bg-color, #303030);\n    border-top-color: rgb(0 0 0 / 0.3);\n  }\n}\n"],"mappings":""}

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

@@ -1,4 +1,4 @@
-var e = { bar: "_bar_kfy6h_3" };
+var e = { bar: "_bar_1azyf_3" };
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcherBar.module.css.js","names":[],"sources":["../../../src/components/ViewSwitcherBar/ViewSwitcherBar.module.css"],"sourcesContent":["/* ─── Bottom bar ─────────────────────────────────────────────────────────────── */\n\n.bar {\n  display: flex;\n  align-items: stretch;\n\n  width: 100%;\n  min-height: 52px;\n\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-top: 1px solid var(--gnome-headerbar-shade-color, rgba(0, 0, 0, 0.12));\n\n  /* Safe-area inset for mobile browsers */\n  padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n/* Each child (ViewSwitcherItem) fills equal width */\n.bar > * {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n\n  /* Override the horizontal pill style from ViewSwitcherItem */\n  border-radius: 0;\n  padding: 6px 4px;\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  min-height: 52px;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .bar {\n    background-color: var(--gnome-headerbar-bg-color, #303030);\n    border-top-color: rgba(0, 0, 0, 0.3);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ViewSwitcherBar.module.css.js","names":[],"sources":["../../../src/components/ViewSwitcherBar/ViewSwitcherBar.module.css"],"sourcesContent":["/* ─── Bottom bar ─────────────────────────────────────────────────────────────── */\n\n.bar {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  min-height: 52px;\n  background-color: var(--gnome-headerbar-bg-color, #ebebeb);\n  border-top: 1px solid var(--gnome-headerbar-shade-color, rgb(0 0 0 / 0.12));\n\n  /* Safe-area inset for mobile browsers */\n  padding-bottom: env(safe-area-inset-bottom, 0);\n}\n\n/* Each child (ViewSwitcherItem) fills equal width */\n.bar > * {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n\n  /* Override the horizontal pill style from ViewSwitcherItem */\n  border-radius: 0;\n  padding: 6px 4px;\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  min-height: 52px;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .bar {\n    background-color: var(--gnome-headerbar-bg-color, #303030);\n    border-top-color: rgb(0 0 0 / 0.3);\n  }\n}\n"],"mappings":""}

package/dist/components/ViewSwitcherSidebar/ViewSwitcherSidebar.cjs

@@ -1,2 +1,2 @@
-const e=require("./ViewSwitcherSidebar.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(`ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar`);return e}var a=({value:i,onValueChange:a,"aria-label":o=`Views`,collapsed:s=!1,header:c,footer:l,showHeaderSeparator:u=!0,showFooterSeparator:d=!0,children:f,className:p,...m})=>{let h=(0,t.useRef)(null);function g(e){let t=Array.from(h.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===`ArrowDown`||e.key===`ArrowRight`)i=(r+1)%t.length;else if(e.key===`ArrowUp`||e.key===`ArrowLeft`)i=(r-1+t.length)%t.length;else if(e.key===`Home`)i=0;else if(e.key===`End`)i=t.length-1;else return;e.preventDefault(),t[i].focus(),t[i].click()}return(0,n.jsx)(r.Provider,{value:{value:i,onValueChange:a,collapsed:s},children:(0,n.jsxs)(`nav`,{className:[e.default.sidebar,s?e.default.sidebarCollapsed:null,u?null:e.default.noHeaderSeparator,d?null:e.default.noFooterSeparator,p].filter(Boolean).join(` `),onKeyDown:g,...m,children:[c&&(0,n.jsx)(`div`,{className:e.default.header,children:c}),(0,n.jsx)(`ul`,{ref:h,role:`radiogroup`,"aria-label":o,className:e.default.list,children:f}),l&&(0,n.jsx)(`div`,{className:e.default.footer,children:l})]})})};exports.ViewSwitcherSidebar=a,exports.useViewSwitcherSidebar=i;
+const e=require("./ViewSwitcherSidebar.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(`ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar`);return e}var a=({value:i,onValueChange:a,"aria-label":o=`Views`,collapsed:s=!1,header:c,footer:l,showHeaderSeparator:u=!0,showFooterSeparator:d=!0,children:f,className:p,...m})=>{let h=(0,t.useRef)(null);function g(e){let t=Array.from(h.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===`ArrowDown`||e.key===`ArrowRight`)i=(r+1)%t.length;else if(e.key===`ArrowUp`||e.key===`ArrowLeft`)i=(r-1+t.length)%t.length;else if(e.key===`Home`)i=0;else if(e.key===`End`)i=t.length-1;else return;e.preventDefault(),t[i].focus(),t[i].click()}return(0,n.jsx)(r.Provider,{value:{value:i,onValueChange:a,collapsed:s},children:(0,n.jsxs)(`nav`,{className:[e.default.sidebar,s?e.default.sidebarCollapsed:null,u?null:e.default.noHeaderSeparator,d?null:e.default.noFooterSeparator,p].filter(Boolean).join(` `),onKeyDown:g,...m,children:[c&&(0,n.jsx)(`div`,{className:e.default.header,children:c}),(0,n.jsx)(`ul`,{ref:h,role:`radiogroup`,"aria-label":o,className:e.default.list,children:f}),l&&(0,n.jsx)(`div`,{className:e.default.footer,children:l})]})})};exports.ViewSwitcherSidebar=a,exports.useViewSwitcherSidebar=i;
 //# sourceMappingURL=ViewSwitcherSidebar.cjs.map

package/dist/components/ViewSwitcherSidebar/ViewSwitcherSidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcherSidebar.cjs","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.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 './ViewSwitcherSidebar.module.css';\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\ninterface ViewSwitcherSidebarContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  collapsed: boolean;\n}\n\nconst ViewSwitcherSidebarContext = createContext<ViewSwitcherSidebarContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useViewSwitcherSidebar() {\n  const ctx = useContext(ViewSwitcherSidebarContext);\n\n  if (!ctx) {\n    throw new Error('ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar');\n  }\n\n  return ctx;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport interface ViewSwitcherSidebarProps extends HTMLAttributes<HTMLElement> {\n  /** Name of the currently active view. */\n  value: string;\n  /** Called with the new view name when the user selects an item. */\n  onValueChange: (value: string) => void;\n  /** Accessible label for the group. Defaults to `\"Views\"`. */\n  'aria-label'?: string;\n  /**\n   * When `true`, items render icon-only (labels hidden) and the sidebar\n   * shrinks to its compact width. Used by `AdaptiveLayout` on tablet viewports.\n   */\n  collapsed?: boolean;\n  /** Rendered above the scrollable item list (e.g. user card). */\n  header?: ReactNode;\n  /** Rendered below the scrollable item list (e.g. collapse toggle). */\n  footer?: ReactNode;\n  /** Show the separator line below the header slot. Defaults to `true`. */\n  showHeaderSeparator?: boolean;\n  /** Show the separator line above the footer slot. Defaults to `true`. */\n  showFooterSeparator?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Sidebar-style view switcher for apps with more than 4 top-level views,\n * or when the sidebar layout fits better than a header-bar `ViewSwitcher`.\n *\n * Mirrors `AdwViewSwitcherSidebar` (libadwaita 1.9 / GNOME 50), the modern\n * replacement for `GtkStackSidebar`.\n *\n * Compose with `ViewSwitcherSidebarItem` for each view. The active item is\n * highlighted with the accent colour; keyboard ↑ / ↓ cycles through items.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ViewSwitcherSidebar.html\n *\n * @example\n * ```tsx\n * <ViewSwitcherSidebar value={view} onValueChange={setView}>\n *   <ViewSwitcherSidebarItem name=\"photos\" label=\"Photos\" icon={MediaPlay} />\n *   <ViewSwitcherSidebarItem name=\"albums\" label=\"Albums\" icon={Star} count={12} />\n * </ViewSwitcherSidebar>\n * ```\n */\nexport const ViewSwitcherSidebar = ({\n  value,\n  onValueChange,\n  'aria-label': ariaLabel = 'Views',\n  collapsed = false,\n  header,\n  footer,\n  showHeaderSeparator = true,\n  showFooterSeparator = true,\n  children,\n  className,\n  ...props\n}: ViewSwitcherSidebarProps) => {\n  const groupRef = useRef<HTMLUListElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLElement>) {\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 === 'ArrowDown' || e.key === 'ArrowRight') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\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    <ViewSwitcherSidebarContext.Provider value={{ value, onValueChange, collapsed }}>\n      <nav\n        className={[\n          styles.sidebar,\n          collapsed ? styles.sidebarCollapsed : null,\n          !showHeaderSeparator ? styles.noHeaderSeparator : null,\n          !showFooterSeparator ? styles.noFooterSeparator : null,\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {header && <div className={styles.header}>{header}</div>}\n        <ul ref={groupRef} role=\"radiogroup\" aria-label={ariaLabel} className={styles.list}>\n          {children}\n        </ul>\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </nav>\n    </ViewSwitcherSidebarContext.Provider>\n  );\n};\n"],"mappings":"8GAmBA,IAAM,GAAA,EAAA,EAAA,eAAmF,IAAI,EAG7F,SAAgB,GAAyB,CACvC,IAAM,GAAA,EAAA,EAAA,YAAiB,CAA0B,EAEjD,GAAI,CAAC,EACH,MAAU,MAAM,iEAAiE,EAGnF,OAAO,CACT,CA+CA,IAAa,GAAuB,CAClC,QACA,gBACA,aAAc,EAAY,QAC1B,YAAY,GACZ,SACA,SACA,sBAAsB,GACtB,sBAAsB,GACtB,WACA,YACA,GAAG,KAC2B,CAC9B,IAAM,GAAA,EAAA,EAAA,QAAoC,IAAI,EAE9C,SAAS,EAAc,EAA+B,CACpD,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,aAAe,EAAE,MAAQ,aACrC,GAAQ,EAAM,GAAK,EAAM,YACpB,GAAI,EAAE,MAAQ,WAAa,EAAE,MAAQ,YAC1C,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,EAA2B,SAA5B,CAAqC,MAAO,CAAE,QAAO,gBAAe,WAAU,YAC5E,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,CACT,EAAA,QAAO,QACP,EAAY,EAAA,QAAO,iBAAmB,KACrC,EAAiD,KAA3B,EAAA,QAAO,kBAC7B,EAAiD,KAA3B,EAAA,QAAO,kBAC9B,CACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EACX,UAAW,EACX,GAAI,WAXN,CAaG,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,GACvD,EAAA,EAAA,KAAC,KAAD,CAAI,IAAK,EAAU,KAAK,aAAa,aAAY,EAAW,UAAW,EAAA,QAAO,KAC3E,UACC,CAAA,EACH,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,CACpD,GAC8B,CAAA,CAEzC"}
+{"version":3,"file":"ViewSwitcherSidebar.cjs","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.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 './ViewSwitcherSidebar.module.css';\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\ninterface ViewSwitcherSidebarContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  collapsed: boolean;\n}\n\nconst ViewSwitcherSidebarContext = createContext<ViewSwitcherSidebarContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useViewSwitcherSidebar() {\n  const ctx = useContext(ViewSwitcherSidebarContext);\n\n  if (!ctx) {\n    throw new Error('ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar');\n  }\n\n  return ctx;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport interface ViewSwitcherSidebarProps extends HTMLAttributes<HTMLElement> {\n  /** Name of the currently active view. */\n  value: string;\n  /** Called with the new view name when the user selects an item. */\n  onValueChange: (value: string) => void;\n  /** Accessible label for the group. Defaults to `\"Views\"`. */\n  'aria-label'?: string;\n  /**\n   * When `true`, items render icon-only (labels hidden) and the sidebar\n   * shrinks to its compact width. Used by `AdaptiveLayout` on tablet viewports.\n   */\n  collapsed?: boolean;\n  /** Rendered above the scrollable item list (e.g. user card). */\n  header?: ReactNode;\n  /** Rendered below the scrollable item list (e.g. collapse toggle). */\n  footer?: ReactNode;\n  /** Show the separator line below the header slot. Defaults to `true`. */\n  showHeaderSeparator?: boolean;\n  /** Show the separator line above the footer slot. Defaults to `true`. */\n  showFooterSeparator?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Sidebar-style view switcher for apps with more than 4 top-level views,\n * or when the sidebar layout fits better than a header-bar `ViewSwitcher`.\n *\n * Mirrors `AdwViewSwitcherSidebar` (libadwaita 1.9 / GNOME 50), the modern\n * replacement for `GtkStackSidebar`.\n *\n * Compose with `ViewSwitcherSidebarItem` for each view. The active item is\n * highlighted with the accent colour; keyboard ↑ / ↓ cycles through items.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ViewSwitcherSidebar.html\n *\n * @example\n * ```tsx\n * <ViewSwitcherSidebar value={view} onValueChange={setView}>\n *   <ViewSwitcherSidebarItem name=\"photos\" label=\"Photos\" icon={MediaPlay} />\n *   <ViewSwitcherSidebarItem name=\"albums\" label=\"Albums\" icon={Star} count={12} />\n * </ViewSwitcherSidebar>\n * ```\n */\nexport const ViewSwitcherSidebar = ({\n  value,\n  onValueChange,\n  'aria-label': ariaLabel = 'Views',\n  collapsed = false,\n  header,\n  footer,\n  showHeaderSeparator = true,\n  showFooterSeparator = true,\n  children,\n  className,\n  ...props\n}: ViewSwitcherSidebarProps) => {\n  const groupRef = useRef<HTMLUListElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLElement>) {\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 === 'ArrowDown' || e.key === 'ArrowRight') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\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    <ViewSwitcherSidebarContext.Provider value={{ value, onValueChange, collapsed }}>\n      <nav\n        className={[\n          styles.sidebar,\n          collapsed ? styles.sidebarCollapsed : null,\n          !showHeaderSeparator ? styles.noHeaderSeparator : null,\n          !showFooterSeparator ? styles.noFooterSeparator : null,\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {header && <div className={styles.header}>{header}</div>}\n        <ul ref={groupRef} role=\"radiogroup\" aria-label={ariaLabel} className={styles.list}>\n          {children}\n        </ul>\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </nav>\n    </ViewSwitcherSidebarContext.Provider>\n  );\n};\n"],"mappings":"8GAmBA,IAAM,GAAA,EAAA,EAAA,eAAmF,IAAI,EAG7F,SAAgB,GAAyB,CACvC,IAAM,GAAA,EAAA,EAAA,YAAiB,CAA0B,EAEjD,GAAI,CAAC,EACH,MAAU,MAAM,iEAAiE,EAGnF,OAAO,CACT,CA+CA,IAAa,GAAuB,CAClC,QACA,gBACA,aAAc,EAAY,QAC1B,YAAY,GACZ,SACA,SACA,sBAAsB,GACtB,sBAAsB,GACtB,WACA,YACA,GAAG,KAC2B,CAC9B,IAAM,GAAA,EAAA,EAAA,QAAoC,IAAI,EAE9C,SAAS,EAAc,EAA+B,CACpD,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,aAAe,EAAE,MAAQ,aACrC,GAAQ,EAAM,GAAK,EAAM,YACpB,GAAI,EAAE,MAAQ,WAAa,EAAE,MAAQ,YAC1C,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,EAA2B,SAA5B,CAAqC,MAAO,CAAE,QAAO,gBAAe,WAAU,YAC5E,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,CACT,EAAA,QAAO,QACP,EAAY,EAAA,QAAO,iBAAmB,KACrC,EAAiD,KAA3B,EAAA,QAAO,kBAC7B,EAAiD,KAA3B,EAAA,QAAO,kBAC9B,CACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EACX,UAAW,EACX,GAAI,WAXN,CAaG,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,GACvD,EAAA,EAAA,KAAC,KAAD,CAAI,IAAK,EAAU,KAAK,aAAa,aAAY,EAAW,UAAW,EAAA,QAAO,KAC3E,UACC,CAAA,EACH,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,CACpD,GAC8B,CAAA,CAEzC"}

package/dist/components/ViewSwitcherSidebar/ViewSwitcherSidebar.js

@@ -11,7 +11,7 @@ function s() {
 var c = ({ value: t, onValueChange: n, "aria-label": s = "Views", collapsed: c = !1, header: l, footer: u, showHeaderSeparator: d = !0, showFooterSeparator: f = !0, children: p, className: m, ...h }) => {
 	let g = r(null);
 	function _(e) {
-		let t = Array.from(g.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = document.activeElement, r = n instanceof HTMLButtonElement ? t.indexOf(n) : -1;
+		let t = Array.from(g.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 === "ArrowDown" || e.key === "ArrowRight") i = (r + 1) % t.length;

package/dist/components/ViewSwitcherSidebar/ViewSwitcherSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcherSidebar.js","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.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 './ViewSwitcherSidebar.module.css';\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\ninterface ViewSwitcherSidebarContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  collapsed: boolean;\n}\n\nconst ViewSwitcherSidebarContext = createContext<ViewSwitcherSidebarContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useViewSwitcherSidebar() {\n  const ctx = useContext(ViewSwitcherSidebarContext);\n\n  if (!ctx) {\n    throw new Error('ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar');\n  }\n\n  return ctx;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport interface ViewSwitcherSidebarProps extends HTMLAttributes<HTMLElement> {\n  /** Name of the currently active view. */\n  value: string;\n  /** Called with the new view name when the user selects an item. */\n  onValueChange: (value: string) => void;\n  /** Accessible label for the group. Defaults to `\"Views\"`. */\n  'aria-label'?: string;\n  /**\n   * When `true`, items render icon-only (labels hidden) and the sidebar\n   * shrinks to its compact width. Used by `AdaptiveLayout` on tablet viewports.\n   */\n  collapsed?: boolean;\n  /** Rendered above the scrollable item list (e.g. user card). */\n  header?: ReactNode;\n  /** Rendered below the scrollable item list (e.g. collapse toggle). */\n  footer?: ReactNode;\n  /** Show the separator line below the header slot. Defaults to `true`. */\n  showHeaderSeparator?: boolean;\n  /** Show the separator line above the footer slot. Defaults to `true`. */\n  showFooterSeparator?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Sidebar-style view switcher for apps with more than 4 top-level views,\n * or when the sidebar layout fits better than a header-bar `ViewSwitcher`.\n *\n * Mirrors `AdwViewSwitcherSidebar` (libadwaita 1.9 / GNOME 50), the modern\n * replacement for `GtkStackSidebar`.\n *\n * Compose with `ViewSwitcherSidebarItem` for each view. The active item is\n * highlighted with the accent colour; keyboard ↑ / ↓ cycles through items.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ViewSwitcherSidebar.html\n *\n * @example\n * ```tsx\n * <ViewSwitcherSidebar value={view} onValueChange={setView}>\n *   <ViewSwitcherSidebarItem name=\"photos\" label=\"Photos\" icon={MediaPlay} />\n *   <ViewSwitcherSidebarItem name=\"albums\" label=\"Albums\" icon={Star} count={12} />\n * </ViewSwitcherSidebar>\n * ```\n */\nexport const ViewSwitcherSidebar = ({\n  value,\n  onValueChange,\n  'aria-label': ariaLabel = 'Views',\n  collapsed = false,\n  header,\n  footer,\n  showHeaderSeparator = true,\n  showFooterSeparator = true,\n  children,\n  className,\n  ...props\n}: ViewSwitcherSidebarProps) => {\n  const groupRef = useRef<HTMLUListElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLElement>) {\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 === 'ArrowDown' || e.key === 'ArrowRight') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\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    <ViewSwitcherSidebarContext.Provider value={{ value, onValueChange, collapsed }}>\n      <nav\n        className={[\n          styles.sidebar,\n          collapsed ? styles.sidebarCollapsed : null,\n          !showHeaderSeparator ? styles.noHeaderSeparator : null,\n          !showFooterSeparator ? styles.noFooterSeparator : null,\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {header && <div className={styles.header}>{header}</div>}\n        <ul ref={groupRef} role=\"radiogroup\" aria-label={ariaLabel} className={styles.list}>\n          {children}\n        </ul>\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </nav>\n    </ViewSwitcherSidebarContext.Provider>\n  );\n};\n"],"mappings":";;;;AAmBA,IAAM,IAA6B,EAAsD,IAAI;AAG7F,SAAgB,IAAyB;CACvC,IAAM,IAAM,EAAW,CAA0B;CAEjD,IAAI,CAAC,GACH,MAAU,MAAM,iEAAiE;CAGnF,OAAO;AACT;AA+CA,IAAa,KAAuB,EAClC,UACA,kBACA,cAAc,IAAY,SAC1B,eAAY,IACZ,WACA,WACA,yBAAsB,IACtB,yBAAsB,IACtB,aACA,cACA,GAAG,QAC2B;CAC9B,IAAM,IAAW,EAAyB,IAAI;CAE9C,SAAS,EAAc,GAA+B;EACpD,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,eAAe,EAAE,QAAQ,cACrC,KAAQ,IAAM,KAAK,EAAM;OACpB,IAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAC1C,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,EAA2B,UAA5B;EAAqC,OAAO;GAAE;GAAO;GAAe;EAAU;YAC5E,kBAAC,OAAD;GACE,WAAW;IACT,EAAO;IACP,IAAY,EAAO,mBAAmB;IACrC,IAAiD,OAA3B,EAAO;IAC7B,IAAiD,OAA3B,EAAO;IAC9B;GACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;GACX,WAAW;GACX,GAAI;aAXN;IAaG,KAAU,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAS;IAAY,CAAA;IACvD,kBAAC,MAAD;KAAI,KAAK;KAAU,MAAK;KAAa,cAAY;KAAW,WAAW,EAAO;KAC3E;IACC,CAAA;IACH,KAAU,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAS;IAAY,CAAA;GACpD;;CAC8B,CAAA;AAEzC"}
+{"version":3,"file":"ViewSwitcherSidebar.js","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.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 './ViewSwitcherSidebar.module.css';\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\ninterface ViewSwitcherSidebarContextValue {\n  value: string;\n  onValueChange: (value: string) => void;\n  collapsed: boolean;\n}\n\nconst ViewSwitcherSidebarContext = createContext<ViewSwitcherSidebarContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useViewSwitcherSidebar() {\n  const ctx = useContext(ViewSwitcherSidebarContext);\n\n  if (!ctx) {\n    throw new Error('ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar');\n  }\n\n  return ctx;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport interface ViewSwitcherSidebarProps extends HTMLAttributes<HTMLElement> {\n  /** Name of the currently active view. */\n  value: string;\n  /** Called with the new view name when the user selects an item. */\n  onValueChange: (value: string) => void;\n  /** Accessible label for the group. Defaults to `\"Views\"`. */\n  'aria-label'?: string;\n  /**\n   * When `true`, items render icon-only (labels hidden) and the sidebar\n   * shrinks to its compact width. Used by `AdaptiveLayout` on tablet viewports.\n   */\n  collapsed?: boolean;\n  /** Rendered above the scrollable item list (e.g. user card). */\n  header?: ReactNode;\n  /** Rendered below the scrollable item list (e.g. collapse toggle). */\n  footer?: ReactNode;\n  /** Show the separator line below the header slot. Defaults to `true`. */\n  showHeaderSeparator?: boolean;\n  /** Show the separator line above the footer slot. Defaults to `true`. */\n  showFooterSeparator?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Sidebar-style view switcher for apps with more than 4 top-level views,\n * or when the sidebar layout fits better than a header-bar `ViewSwitcher`.\n *\n * Mirrors `AdwViewSwitcherSidebar` (libadwaita 1.9 / GNOME 50), the modern\n * replacement for `GtkStackSidebar`.\n *\n * Compose with `ViewSwitcherSidebarItem` for each view. The active item is\n * highlighted with the accent colour; keyboard ↑ / ↓ cycles through items.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ViewSwitcherSidebar.html\n *\n * @example\n * ```tsx\n * <ViewSwitcherSidebar value={view} onValueChange={setView}>\n *   <ViewSwitcherSidebarItem name=\"photos\" label=\"Photos\" icon={MediaPlay} />\n *   <ViewSwitcherSidebarItem name=\"albums\" label=\"Albums\" icon={Star} count={12} />\n * </ViewSwitcherSidebar>\n * ```\n */\nexport const ViewSwitcherSidebar = ({\n  value,\n  onValueChange,\n  'aria-label': ariaLabel = 'Views',\n  collapsed = false,\n  header,\n  footer,\n  showHeaderSeparator = true,\n  showFooterSeparator = true,\n  children,\n  className,\n  ...props\n}: ViewSwitcherSidebarProps) => {\n  const groupRef = useRef<HTMLUListElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLElement>) {\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 === 'ArrowDown' || e.key === 'ArrowRight') {\n      next = (idx + 1) % items.length;\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\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    <ViewSwitcherSidebarContext.Provider value={{ value, onValueChange, collapsed }}>\n      <nav\n        className={[\n          styles.sidebar,\n          collapsed ? styles.sidebarCollapsed : null,\n          !showHeaderSeparator ? styles.noHeaderSeparator : null,\n          !showFooterSeparator ? styles.noFooterSeparator : null,\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {header && <div className={styles.header}>{header}</div>}\n        <ul ref={groupRef} role=\"radiogroup\" aria-label={ariaLabel} className={styles.list}>\n          {children}\n        </ul>\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </nav>\n    </ViewSwitcherSidebarContext.Provider>\n  );\n};\n"],"mappings":";;;;AAmBA,IAAM,IAA6B,EAAsD,IAAI;AAG7F,SAAgB,IAAyB;CACvC,IAAM,IAAM,EAAW,CAA0B;CAEjD,IAAI,CAAC,GACH,MAAU,MAAM,iEAAiE;CAGnF,OAAO;AACT;AA+CA,IAAa,KAAuB,EAClC,UACA,kBACA,cAAc,IAAY,SAC1B,eAAY,IACZ,WACA,WACA,yBAAsB,IACtB,yBAAsB,IACtB,aACA,cACA,GAAG,QAC2B;CAC9B,IAAM,IAAW,EAAyB,IAAI;CAE9C,SAAS,EAAc,GAA+B;EACpD,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,eAAe,EAAE,QAAQ,cACrC,KAAQ,IAAM,KAAK,EAAM;OACpB,IAAI,EAAE,QAAQ,aAAa,EAAE,QAAQ,aAC1C,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,EAA2B,UAA5B;EAAqC,OAAO;GAAE;GAAO;GAAe;EAAU;YAC5E,kBAAC,OAAD;GACE,WAAW;IACT,EAAO;IACP,IAAY,EAAO,mBAAmB;IACrC,IAAiD,OAA3B,EAAO;IAC7B,IAAiD,OAA3B,EAAO;IAC9B;GACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;GACX,WAAW;GACX,GAAI;aAXN;IAaG,KAAU,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAS;IAAY,CAAA;IACvD,kBAAC,MAAD;KAAI,KAAK;KAAU,MAAK;KAAa,cAAY;KAAW,WAAW,EAAO;KAC3E;IACC,CAAA;IACH,KAAU,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAS;IAAY,CAAA;GACpD;;CAC8B,CAAA;AAEzC"}

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

@@ -1,2 +1,2 @@
-var e={sidebar:`_sidebar_1pj3d_3`,sidebarCollapsed:`_sidebarCollapsed_1pj3d_15`,itemBtn:`_itemBtn_1pj3d_19`,header:`_header_1pj3d_26`,footer:`_footer_1pj3d_31`,noHeaderSeparator:`_noHeaderSeparator_1pj3d_36`,noFooterSeparator:`_noFooterSeparator_1pj3d_40`,list:`_list_1pj3d_46`,item:`_item_1pj3d_19`,active:`_active_1pj3d_92`,itemIcon:`_itemIcon_1pj3d_130`,itemLabel:`_itemLabel_1pj3d_143`,itemSuffix:`_itemSuffix_1pj3d_153`,count:`_count_1pj3d_160`};exports.default=e;
+var e={sidebar:`_sidebar_wza63_3`,sidebarCollapsed:`_sidebarCollapsed_wza63_15`,itemBtn:`_itemBtn_wza63_19`,header:`_header_wza63_26`,footer:`_footer_wza63_31`,noHeaderSeparator:`_noHeaderSeparator_wza63_36`,noFooterSeparator:`_noFooterSeparator_wza63_40`,list:`_list_wza63_46`,item:`_item_wza63_19`,active:`_active_wza63_87`,itemIcon:`_itemIcon_wza63_125`,itemLabel:`_itemLabel_wza63_138`,itemSuffix:`_itemSuffix_wza63_148`,count:`_count_wza63_155`};exports.default=e;
 //# sourceMappingURL=ViewSwitcherSidebar.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewSwitcherSidebar.module.css.cjs","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: 240px;\n  height: 100%;\n  background-color: var(--gnome-sidebar-bg-color, #ebebeb);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n  border-right: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n  overflow: hidden;\n  transition: width var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n.sidebarCollapsed {\n  width: 56px;\n}\n\n.sidebarCollapsed .itemBtn {\n  justify-content: center;\n  padding: 9px;\n}\n\n/* ─── Header / Footer slots ─────────────────────────────────────────────────── */\n\n.header {\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.footer {\n  flex-shrink: 0;\n  border-top: 1px solid var(--gnome-headerbar-border-color, rgba(0, 0, 0, 0.12));\n}\n\n.noHeaderSeparator .header {\n  border-bottom-color: transparent;\n}\n\n.noFooterSeparator .footer {\n  border-top-color: transparent;\n}\n\n/* ─── List ──────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: var(--gnome-space-1, 6px);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n/* ─── Item wrapper ──────────────────────────────────────────────────────────── */\n\n.item {\n  display: block;\n}\n\n/* ─── Item button ───────────────────────────────────────────────────────────── */\n\n.itemBtn {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  width: 100%;\n  padding: 9px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  min-height: 42px;\n\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\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\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.itemBtn:hover:not(:disabled):not(.active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 88%, black 12%);\n}\n\n.itemBtn:active:not(:disabled):not(.active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 78%, black 22%);\n}\n\n.itemBtn:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\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.itemBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active ────────────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.active:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 92%, black 8%);\n}\n\n.active:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 84%, black 16%);\n}\n\n/* ─── Icon ──────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.85;\n}\n\n.active .itemIcon {\n  opacity: 1;\n}\n\n/* ─── Label ─────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Suffix / count ────────────────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: var(--gnome-radius-pill);\n\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  /* Inactive: dim pill */\n  background-color: rgba(0, 0, 0, 0.12);\n  color: var(--gnome-sidebar-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.active .count {\n  /* Active: white pill on accent */\n  background-color: rgba(255, 255, 255, 0.25);\n  color: var(--gnome-accent-fg-color, #ffffff);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .sidebar {\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .header,\n  .footer {\n    border-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .itemBtn:hover:not(:disabled):not(.active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 85%, white 15%);\n  }\n\n  .itemBtn:active:not(:disabled):not(.active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 75%, white 25%);\n  }\n\n  .count {\n    background-color: rgba(255, 255, 255, 0.12);\n    color: var(--gnome-sidebar-fg-color, rgba(255, 255, 255, 0.87));\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ViewSwitcherSidebar.module.css.cjs","names":[],"sources":["../../../src/components/ViewSwitcherSidebar/ViewSwitcherSidebar.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: 240px;\n  height: 100%;\n  background-color: var(--gnome-sidebar-bg-color, #ebebeb);\n  color: var(--gnome-sidebar-fg-color, rgb(0 0 0 / 0.8));\n  border-right: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n  overflow: hidden;\n  transition: width var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease);\n}\n\n.sidebarCollapsed {\n  width: 56px;\n}\n\n.sidebarCollapsed .itemBtn {\n  justify-content: center;\n  padding: 9px;\n}\n\n/* ─── Header / Footer slots ─────────────────────────────────────────────────── */\n\n.header {\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n}\n\n.footer {\n  flex-shrink: 0;\n  border-top: 1px solid var(--gnome-headerbar-border-color, rgb(0 0 0 / 0.12));\n}\n\n.noHeaderSeparator .header {\n  border-bottom-color: transparent;\n}\n\n.noFooterSeparator .footer {\n  border-top-color: transparent;\n}\n\n/* ─── List ──────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: var(--gnome-space-1, 6px);\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  overflow: hidden auto;\n}\n\n/* ─── Item wrapper ──────────────────────────────────────────────────────────── */\n\n.item {\n  display: block;\n}\n\n/* ─── Item button ───────────────────────────────────────────────────────────── */\n\n.itemBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  width: 100%;\n  padding: 9px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\n  min-height: 42px;\n  color: var(--gnome-sidebar-fg-color, rgb(0 0 0 / 0.8));\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  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.itemBtn:hover:not(:disabled, .active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 88%, black 12%);\n}\n\n.itemBtn:active:not(:disabled, .active) {\n  background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #ebebeb) 78%, black 22%);\n}\n\n.itemBtn:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-sidebar-bg-color, #ebebeb),\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.itemBtn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Active ────────────────────────────────────────────────────────────────── */\n\n.active {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.active:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 92%, black 8%);\n}\n\n.active:active:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 84%, black 16%);\n}\n\n/* ─── Icon ──────────────────────────────────────────────────────────────────── */\n\n.itemIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.85;\n}\n\n.active .itemIcon {\n  opacity: 1;\n}\n\n/* ─── Label ─────────────────────────────────────────────────────────────────── */\n\n.itemLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Suffix / count ────────────────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n.count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: var(--gnome-radius-pill);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  line-height: 1;\n\n  /* Inactive: dim pill */\n  background-color: rgb(0 0 0 / 0.12);\n  color: var(--gnome-sidebar-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.active .count {\n  /* Active: white pill on accent */\n  background-color: rgb(255 255 255 / 0.25);\n  color: var(--gnome-accent-fg-color, #fff);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .sidebar {\n    border-right-color: rgb(255 255 255 / 0.1);\n  }\n\n  .header,\n  .footer {\n    border-color: rgb(255 255 255 / 0.08);\n  }\n\n  .itemBtn:hover:not(:disabled, .active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 85%, white 15%);\n  }\n\n  .itemBtn:active:not(:disabled, .active) {\n    background-color: color-mix(in srgb, var(--gnome-sidebar-bg-color, #303030) 75%, white 25%);\n  }\n\n  .count {\n    background-color: rgb(255 255 255 / 0.12);\n    color: var(--gnome-sidebar-fg-color, rgb(255 255 255 / 0.87));\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,18 +1,18 @@
 var e = {
-	sidebar: "_sidebar_1pj3d_3",
-	sidebarCollapsed: "_sidebarCollapsed_1pj3d_15",
-	itemBtn: "_itemBtn_1pj3d_19",
-	header: "_header_1pj3d_26",
-	footer: "_footer_1pj3d_31",
-	noHeaderSeparator: "_noHeaderSeparator_1pj3d_36",
-	noFooterSeparator: "_noFooterSeparator_1pj3d_40",
-	list: "_list_1pj3d_46",
-	item: "_item_1pj3d_19",
-	active: "_active_1pj3d_92",
-	itemIcon: "_itemIcon_1pj3d_130",
-	itemLabel: "_itemLabel_1pj3d_143",
-	itemSuffix: "_itemSuffix_1pj3d_153",
-	count: "_count_1pj3d_160"
+	sidebar: "_sidebar_wza63_3",
+	sidebarCollapsed: "_sidebarCollapsed_wza63_15",
+	itemBtn: "_itemBtn_wza63_19",
+	header: "_header_wza63_26",
+	footer: "_footer_wza63_31",
+	noHeaderSeparator: "_noHeaderSeparator_wza63_36",
+	noFooterSeparator: "_noFooterSeparator_wza63_40",
+	list: "_list_wza63_46",
+	item: "_item_wza63_19",
+	active: "_active_wza63_87",
+	itemIcon: "_itemIcon_wza63_125",
+	itemLabel: "_itemLabel_wza63_138",
+	itemSuffix: "_itemSuffix_wza63_148",
+	count: "_count_wza63_155"
 };
 //#endregion
 export { e as default };