@gnome-ui/react 1.48.0 → 1.49.1

package/dist/components/ShortcutsDialog/ShortcutsDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutsDialog.js","names":[],"sources":["../../../src/components/ShortcutsDialog/ShortcutsDialog.tsx"],"sourcesContent":["import { type KeyboardEvent, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport { useBodyScrollLock } from '../Dialog/dialogUtils';\n\nimport styles from './ShortcutsDialog.module.css';\n\n// ─── Public types ─────────────────────────────────────────────────────────────\n\nexport interface ShortcutEntry {\n  /**\n   * Key combination tokens, e.g. `[\"Ctrl\", \"S\"]` or `[\"F5\"]`.\n   * Each token is rendered as a styled `<kbd>` key cap.\n   */\n  keys: string[];\n  /** Human-readable description of what the shortcut does. */\n  description: string;\n}\n\nexport interface ShortcutsSection {\n  /** Section heading, e.g. \"File\", \"Edit\". */\n  title: string;\n  shortcuts: ShortcutEntry[];\n}\n\nexport interface ShortcutsDialogProps {\n  /** Whether the dialog is visible. */\n  open: boolean;\n  /** Called when the dialog is dismissed (Escape, close button). */\n  onClose: () => void;\n  /** Dialog heading. Defaults to `\"Keyboard Shortcuts\"`. */\n  title?: string;\n  /** Shortcut sections to display. */\n  sections: ShortcutsSection[];\n}\n\n// ─── Focusable selector (reused from Dialog) ─────────────────────────────────\n\nconst FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Modal dialog listing keyboard shortcuts, grouped in sections, with\n * integrated search to filter by description or key name.\n *\n * Mirrors `AdwShortcutsDialog` (libadwaita 1.8 / GNOME 49).\n *\n * - Renders into a portal (`document.body`).\n * - Traps focus; Escape closes.\n * - Search filters across all sections in real time.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ShortcutsDialog.html\n */\nexport const ShortcutsDialog = ({\n  open,\n  onClose,\n  title = 'Keyboard Shortcuts',\n  sections,\n}: ShortcutsDialogProps) => {\n  const [query, setQuery] = useState('');\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const previouslyFocused = useRef<Element | null>(null);\n  const titleId = useRef(`shortcuts-title-${Math.random().toString(36).slice(2, 9)}`);\n\n  useBodyScrollLock(open);\n\n  // Save / restore focus\n  useEffect(() => {\n    if (open) {\n      previouslyFocused.current = document.activeElement;\n      // Focus the search field after mount\n      requestAnimationFrame(() => searchRef.current?.focus());\n    } else {\n      setQuery('');\n      (previouslyFocused.current as HTMLElement | null)?.focus();\n    }\n  }, [open]);\n\n  // Focus trap + Escape\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClose();\n\n        return;\n      }\n\n      if (e.key !== 'Tab') {\n        return;\n      }\n\n      const focusable = Array.from(\n        dialogRef.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? [],\n      );\n\n      if (focusable.length === 0) {\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === first) {\n          e.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (document.activeElement === last) {\n          e.preventDefault();\n          first.focus();\n        }\n      }\n    },\n    [onClose],\n  );\n\n  if (!open) {\n    return null;\n  }\n\n  // Filter sections by query\n  const q = query.trim().toLowerCase();\n  const filtered = sections\n    .map((section) => ({\n      ...section,\n      shortcuts: section.shortcuts.filter(\n        ({ description, keys }) =>\n          !q ||\n          description.toLowerCase().includes(q) ||\n          keys.some((k) => k.toLowerCase().includes(q)),\n      ),\n    }))\n    .filter((s) => s.shortcuts.length > 0);\n\n  const node = (\n    <div className={styles.backdrop} onClick={onClose}>\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId.current}\n        className={styles.dialog}\n        onKeyDown={handleKeyDown}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* ── Header ── */}\n        <div className={styles.header}>\n          <span id={titleId.current} className={styles.title}>\n            {title}\n          </span>\n          <button type=\"button\" className={styles.closeBtn} aria-label=\"Close\" onClick={onClose}>\n            ×\n          </button>\n        </div>\n\n        {/* ── Search ── */}\n        <div className={styles.searchRow}>\n          <span className={styles.searchIcon} aria-hidden=\"true\">\n            ⌕\n          </span>\n          <input\n            ref={searchRef}\n            type=\"search\"\n            className={styles.searchInput}\n            placeholder=\"Search shortcuts…\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            aria-label=\"Search shortcuts\"\n          />\n          {query && (\n            <button\n              type=\"button\"\n              className={styles.searchClear}\n              aria-label=\"Clear search\"\n              onClick={() => {\n                setQuery('');\n                searchRef.current?.focus();\n              }}\n            >\n              ×\n            </button>\n          )}\n        </div>\n\n        {/* ── Shortcut list ── */}\n        <div className={styles.body} role=\"list\">\n          {filtered.length === 0 ? (\n            <p className={styles.empty}>No shortcuts match \"{query}\"</p>\n          ) : (\n            filtered.map((section) => (\n              <section key={section.title} className={styles.section}>\n                <h3 className={styles.sectionTitle}>{section.title}</h3>\n                <ul className={styles.list}>\n                  {section.shortcuts.map((shortcut) => (\n                    <li key={shortcut.description} className={styles.row}>\n                      <span className={styles.keys} aria-label={shortcut.keys.join(' + ')}>\n                        {shortcut.keys.map((key, i) => (\n                          <span key={i} className={styles.keyCap}>\n                            <kbd>{key}</kbd>\n                            {i < shortcut.keys.length - 1 && (\n                              <span className={styles.plus} aria-hidden=\"true\">\n                                +\n                              </span>\n                            )}\n                          </span>\n                        ))}\n                      </span>\n                      <span className={styles.description}>{shortcut.description}</span>\n                    </li>\n                  ))}\n                </ul>\n              </section>\n            ))\n          )}\n        </div>\n      </div>\n    </div>\n  );\n\n  if (typeof document === 'undefined') {\n    return node;\n  }\n\n  return createPortal(node, document.body);\n};\n"],"mappings":";;;;;;AAuCA,IAAM,IACJ,4FAgBW,KAAmB,EAC9B,SACA,YACA,WAAQ,sBACR,kBAC0B;CAC1B,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,IAAY,EAAuB,IAAI,GACvC,IAAY,EAAyB,IAAI,GACzC,IAAoB,EAAuB,IAAI,GAC/C,IAAU,EAAO,mBAAmB,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG;CAKlF,AAHA,EAAkB,CAAI,GAGtB,QAAgB;EACd,AAAI,KACF,EAAkB,UAAU,SAAS,eAErC,4BAA4B,EAAU,SAAS,MAAM,CAAC,MAEtD,EAAS,EAAE,GACX,EAAmB,SAAgC,MAAM;CAE7D,GAAG,CAAC,CAAI,CAAC;CAGT,IAAM,IAAgB,GACnB,MAAqC;EACpC,IAAI,EAAE,QAAQ,UAAU;GAEtB,AADA,EAAE,eAAe,GACjB,EAAQ;GAER;EACF;EAEA,IAAI,EAAE,QAAQ,OACZ;EAGF,IAAM,IAAY,MAAM,KACtB,EAAU,SAAS,iBAA8B,CAAS,KAAK,CAAC,CAClE;EAEA,IAAI,EAAU,WAAW,GACvB;EAGF,IAAM,IAAQ,EAAU,IAClB,IAAO,EAAU,EAAU,SAAS;EAE1C,AAAI,EAAE,WACA,SAAS,kBAAkB,MAC7B,EAAE,eAAe,GACjB,EAAK,MAAM,KAGT,SAAS,kBAAkB,MAC7B,EAAE,eAAe,GACjB,EAAM,MAAM;CAGlB,GACA,CAAC,CAAO,CACV;CAEA,IAAI,CAAC,GACH,OAAO;CAIT,IAAM,IAAI,EAAM,KAAK,EAAE,YAAY,GAC7B,IAAW,EACd,KAAK,OAAa;EACjB,GAAG;EACH,WAAW,EAAQ,UAAU,QAC1B,EAAE,gBAAa,cACd,CAAC,KACD,EAAY,YAAY,EAAE,SAAS,CAAC,KACpC,EAAK,MAAM,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAChD;CACF,EAAE,EACD,QAAQ,MAAM,EAAE,UAAU,SAAS,CAAC,GAEjC,IACJ,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAU,SAAS;YACxC,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAW;GACX,mBAAiB,EAAQ;GACzB,WAAW,EAAO;GAClB,WAAW;GACX,UAAU,MAAM,EAAE,gBAAgB;aAPpC;IAUE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,QAAD;MAAM,IAAI,EAAQ;MAAS,WAAW,EAAO;gBAC1C;KACG,CAAA,GACN,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAW,EAAO;MAAU,cAAW;MAAQ,SAAS;gBAAS;KAE/E,CAAA,CACL;;IAGL,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,QAAD;OAAM,WAAW,EAAO;OAAY,eAAY;iBAAO;MAEjD,CAAA;MACN,kBAAC,SAAD;OACE,KAAK;OACL,MAAK;OACL,WAAW,EAAO;OAClB,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;OACxC,cAAW;MACZ,CAAA;MACA,KACC,kBAAC,UAAD;OACE,MAAK;OACL,WAAW,EAAO;OAClB,cAAW;OACX,eAAe;QAEb,AADA,EAAS,EAAE,GACX,EAAU,SAAS,MAAM;OAC3B;iBACD;MAEO,CAAA;KAEP;;IAGL,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAM,MAAK;eAC/B,EAAS,WAAW,IACnB,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAArB;OAA4B;OAAqB;OAAM;MAAI;UAE3D,EAAS,KAAK,MACZ,kBAAC,WAAD;MAA6B,WAAW,EAAO;gBAA/C,CACE,kBAAC,MAAD;OAAI,WAAW,EAAO;iBAAe,EAAQ;MAAU,CAAA,GACvD,kBAAC,MAAD;OAAI,WAAW,EAAO;iBACnB,EAAQ,UAAU,KAAK,MACtB,kBAAC,MAAD;QAA+B,WAAW,EAAO;kBAAjD,CACE,kBAAC,QAAD;SAAM,WAAW,EAAO;SAAM,cAAY,EAAS,KAAK,KAAK,KAAK;mBAC/D,EAAS,KAAK,KAAK,GAAK,MACvB,kBAAC,QAAD;UAAc,WAAW,EAAO;oBAAhC,CACE,kBAAC,OAAD,EAAA,UAAM,EAAS,CAAA,GACd,IAAI,EAAS,KAAK,SAAS,KAC1B,kBAAC,QAAD;WAAM,WAAW,EAAO;WAAM,eAAY;qBAAO;UAE3C,CAAA,CAEJ;YAPK,CAOL,CACP;QACG,CAAA,GACN,kBAAC,QAAD;SAAM,WAAW,EAAO;mBAAc,EAAS;QAAkB,CAAA,CAC/D;UAdK,EAAS,WAcd,CACL;MACC,CAAA,CACG;QArBK,EAAQ,KAqBb,CACV;IAEA,CAAA;GACF;;CACF,CAAA;CAOP,OAJI,OAAO,WAAa,MACf,IAGF,EAAa,GAAM,SAAS,IAAI;AACzC"}
+{"version":3,"file":"ShortcutsDialog.js","names":[],"sources":["../../../src/components/ShortcutsDialog/ShortcutsDialog.tsx"],"sourcesContent":["import { type KeyboardEvent, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport { useBodyScrollLock } from '../Dialog/dialogUtils';\n\nimport styles from './ShortcutsDialog.module.css';\n\n// ─── Public types ─────────────────────────────────────────────────────────────\n\nexport interface ShortcutEntry {\n  /**\n   * Key combination tokens, e.g. `[\"Ctrl\", \"S\"]` or `[\"F5\"]`.\n   * Each token is rendered as a styled `<kbd>` key cap.\n   */\n  keys: string[];\n  /** Human-readable description of what the shortcut does. */\n  description: string;\n}\n\nexport interface ShortcutsSection {\n  /** Section heading, e.g. \"File\", \"Edit\". */\n  title: string;\n  shortcuts: ShortcutEntry[];\n}\n\nexport interface ShortcutsDialogProps {\n  /** Whether the dialog is visible. */\n  open: boolean;\n  /** Called when the dialog is dismissed (Escape, close button). */\n  onClose: () => void;\n  /** Dialog heading. Defaults to `\"Keyboard Shortcuts\"`. */\n  title?: string;\n  /** Shortcut sections to display. */\n  sections: ShortcutsSection[];\n}\n\n// ─── Focusable selector (reused from Dialog) ─────────────────────────────────\n\nconst FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * Modal dialog listing keyboard shortcuts, grouped in sections, with\n * integrated search to filter by description or key name.\n *\n * Mirrors `AdwShortcutsDialog` (libadwaita 1.8 / GNOME 49).\n *\n * - Renders into a portal (`document.body`).\n * - Traps focus; Escape closes.\n * - Search filters across all sections in real time.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ShortcutsDialog.html\n */\nexport const ShortcutsDialog = ({\n  open,\n  onClose,\n  title = 'Keyboard Shortcuts',\n  sections,\n}: ShortcutsDialogProps) => {\n  const [query, setQuery] = useState('');\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const previouslyFocused = useRef<Element | null>(null);\n  const titleId = useRef(`shortcuts-title-${Math.random().toString(36).slice(2, 9)}`);\n\n  useBodyScrollLock(open);\n\n  // Save / restore focus\n  useEffect(() => {\n    if (open) {\n      previouslyFocused.current = document.activeElement;\n      // Focus the search field after mount\n      requestAnimationFrame(() => searchRef.current?.focus());\n    } else {\n      setQuery('');\n      (previouslyFocused.current as HTMLElement | null)?.focus();\n    }\n  }, [open]);\n\n  // Focus trap + Escape\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClose();\n\n        return;\n      }\n\n      if (e.key !== 'Tab') {\n        return;\n      }\n\n      const focusable = Array.from(\n        dialogRef.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? [],\n      );\n\n      if (focusable.length === 0) {\n        return;\n      }\n\n      const [first] = focusable;\n      const last = focusable[focusable.length - 1];\n\n      if (e.shiftKey) {\n        if (document.activeElement === first) {\n          e.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (document.activeElement === last) {\n          e.preventDefault();\n          first.focus();\n        }\n      }\n    },\n    [onClose],\n  );\n\n  if (!open) {\n    return null;\n  }\n\n  // Filter sections by query\n  const q = query.trim().toLowerCase();\n  const filtered = sections\n    .map((section) => ({\n      ...section,\n      shortcuts: section.shortcuts.filter(\n        ({ description, keys }) =>\n          !q ||\n          description.toLowerCase().includes(q) ||\n          keys.some((k) => k.toLowerCase().includes(q)),\n      ),\n    }))\n    .filter((s) => s.shortcuts.length > 0);\n\n  const node = (\n    <div className={styles.backdrop} onClick={onClose}>\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId.current}\n        className={styles.dialog}\n        onKeyDown={handleKeyDown}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* ── Header ── */}\n        <div className={styles.header}>\n          <span id={titleId.current} className={styles.title}>\n            {title}\n          </span>\n          <button type=\"button\" className={styles.closeBtn} aria-label=\"Close\" onClick={onClose}>\n            ×\n          </button>\n        </div>\n\n        {/* ── Search ── */}\n        <div className={styles.searchRow}>\n          <span className={styles.searchIcon} aria-hidden=\"true\">\n            ⌕\n          </span>\n          <input\n            ref={searchRef}\n            type=\"search\"\n            className={styles.searchInput}\n            placeholder=\"Search shortcuts…\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            aria-label=\"Search shortcuts\"\n          />\n          {query && (\n            <button\n              type=\"button\"\n              className={styles.searchClear}\n              aria-label=\"Clear search\"\n              onClick={() => {\n                setQuery('');\n                searchRef.current?.focus();\n              }}\n            >\n              ×\n            </button>\n          )}\n        </div>\n\n        {/* ── Shortcut list ── */}\n        <div className={styles.body} role=\"list\">\n          {filtered.length === 0 ? (\n            <p className={styles.empty}>No shortcuts match \"{query}\"</p>\n          ) : (\n            filtered.map((section) => (\n              <section key={section.title} className={styles.section}>\n                <h3 className={styles.sectionTitle}>{section.title}</h3>\n                <ul className={styles.list}>\n                  {section.shortcuts.map((shortcut) => (\n                    <li key={shortcut.description} className={styles.row}>\n                      <span className={styles.keys} aria-label={shortcut.keys.join(' + ')}>\n                        {shortcut.keys.map((key, i) => (\n                          <span key={i} className={styles.keyCap}>\n                            <kbd>{key}</kbd>\n                            {i < shortcut.keys.length - 1 && (\n                              <span className={styles.plus} aria-hidden=\"true\">\n                                +\n                              </span>\n                            )}\n                          </span>\n                        ))}\n                      </span>\n                      <span className={styles.description}>{shortcut.description}</span>\n                    </li>\n                  ))}\n                </ul>\n              </section>\n            ))\n          )}\n        </div>\n      </div>\n    </div>\n  );\n\n  if (typeof document === 'undefined') {\n    return node;\n  }\n\n  return createPortal(node, document.body);\n};\n"],"mappings":";;;;;;AAuCA,IAAM,IACJ,4FAgBW,KAAmB,EAC9B,SACA,YACA,WAAQ,sBACR,kBAC0B;CAC1B,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,IAAY,EAAuB,IAAI,GACvC,IAAY,EAAyB,IAAI,GACzC,IAAoB,EAAuB,IAAI,GAC/C,IAAU,EAAO,mBAAmB,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,GAAG;CAKlF,AAHA,EAAkB,CAAI,GAGtB,QAAgB;EACd,AAAI,KACF,EAAkB,UAAU,SAAS,eAErC,4BAA4B,EAAU,SAAS,MAAM,CAAC,MAEtD,EAAS,EAAE,GACX,EAAmB,SAAgC,MAAM;CAE7D,GAAG,CAAC,CAAI,CAAC;CAGT,IAAM,IAAgB,GACnB,MAAqC;EACpC,IAAI,EAAE,QAAQ,UAAU;GAEtB,AADA,EAAE,eAAe,GACjB,EAAQ;GAER;EACF;EAEA,IAAI,EAAE,QAAQ,OACZ;EAGF,IAAM,IAAY,MAAM,KACtB,EAAU,SAAS,iBAA8B,CAAS,KAAK,CAAC,CAClE;EAEA,IAAI,EAAU,WAAW,GACvB;EAGF,IAAM,CAAC,KAAS,GACV,IAAO,EAAU,EAAU,SAAS;EAE1C,AAAI,EAAE,WACA,SAAS,kBAAkB,MAC7B,EAAE,eAAe,GACjB,EAAK,MAAM,KAGT,SAAS,kBAAkB,MAC7B,EAAE,eAAe,GACjB,EAAM,MAAM;CAGlB,GACA,CAAC,CAAO,CACV;CAEA,IAAI,CAAC,GACH,OAAO;CAIT,IAAM,IAAI,EAAM,KAAK,EAAE,YAAY,GAC7B,IAAW,EACd,KAAK,OAAa;EACjB,GAAG;EACH,WAAW,EAAQ,UAAU,QAC1B,EAAE,gBAAa,cACd,CAAC,KACD,EAAY,YAAY,EAAE,SAAS,CAAC,KACpC,EAAK,MAAM,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAChD;CACF,EAAE,EACD,QAAQ,MAAM,EAAE,UAAU,SAAS,CAAC,GAEjC,IACJ,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAU,SAAS;YACxC,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAW;GACX,mBAAiB,EAAQ;GACzB,WAAW,EAAO;GAClB,WAAW;GACX,UAAU,MAAM,EAAE,gBAAgB;aAPpC;IAUE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,QAAD;MAAM,IAAI,EAAQ;MAAS,WAAW,EAAO;gBAC1C;KACG,CAAA,GACN,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAW,EAAO;MAAU,cAAW;MAAQ,SAAS;gBAAS;KAE/E,CAAA,CACL;;IAGL,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,QAAD;OAAM,WAAW,EAAO;OAAY,eAAY;iBAAO;MAEjD,CAAA;MACN,kBAAC,SAAD;OACE,KAAK;OACL,MAAK;OACL,WAAW,EAAO;OAClB,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;OACxC,cAAW;MACZ,CAAA;MACA,KACC,kBAAC,UAAD;OACE,MAAK;OACL,WAAW,EAAO;OAClB,cAAW;OACX,eAAe;QAEb,AADA,EAAS,EAAE,GACX,EAAU,SAAS,MAAM;OAC3B;iBACD;MAEO,CAAA;KAEP;;IAGL,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAM,MAAK;eAC/B,EAAS,WAAW,IACnB,kBAAC,KAAD;MAAG,WAAW,EAAO;gBAArB;OAA4B;OAAqB;OAAM;MAAI;UAE3D,EAAS,KAAK,MACZ,kBAAC,WAAD;MAA6B,WAAW,EAAO;gBAA/C,CACE,kBAAC,MAAD;OAAI,WAAW,EAAO;iBAAe,EAAQ;MAAU,CAAA,GACvD,kBAAC,MAAD;OAAI,WAAW,EAAO;iBACnB,EAAQ,UAAU,KAAK,MACtB,kBAAC,MAAD;QAA+B,WAAW,EAAO;kBAAjD,CACE,kBAAC,QAAD;SAAM,WAAW,EAAO;SAAM,cAAY,EAAS,KAAK,KAAK,KAAK;mBAC/D,EAAS,KAAK,KAAK,GAAK,MACvB,kBAAC,QAAD;UAAc,WAAW,EAAO;oBAAhC,CACE,kBAAC,OAAD,EAAA,UAAM,EAAS,CAAA,GACd,IAAI,EAAS,KAAK,SAAS,KAC1B,kBAAC,QAAD;WAAM,WAAW,EAAO;WAAM,eAAY;qBAAO;UAE3C,CAAA,CAEJ;YAPK,CAOL,CACP;QACG,CAAA,GACN,kBAAC,QAAD;SAAM,WAAW,EAAO;mBAAc,EAAS;QAAkB,CAAA,CAC/D;UAdK,EAAS,WAcd,CACL;MACC,CAAA,CACG;QArBK,EAAQ,KAqBb,CACV;IAEA,CAAA;GACF;;CACF,CAAA;CAOP,OAJI,OAAO,WAAa,MACf,IAGF,EAAa,GAAM,SAAS,IAAI;AACzC"}

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

@@ -1,2 +1,2 @@
-var e={backdrop:`_backdrop_16tbw_3`,"backdrop-in":`_backdrop-in_16tbw_1`,dialog:`_dialog_16tbw_30`,"dialog-in":`_dialog-in_16tbw_1`,header:`_header_16tbw_63`,title:`_title_16tbw_71`,closeBtn:`_closeBtn_16tbw_78`,searchRow:`_searchRow_16tbw_117`,searchIcon:`_searchIcon_16tbw_129`,searchInput:`_searchInput_16tbw_137`,searchClear:`_searchClear_16tbw_158`,body:`_body_16tbw_183`,empty:`_empty_16tbw_191`,section:`_section_16tbw_202`,sectionTitle:`_sectionTitle_16tbw_208`,list:`_list_16tbw_218`,row:`_row_16tbw_234`,keys:`_keys_16tbw_249`,keyCap:`_keyCap_16tbw_256`,plus:`_plus_16tbw_286`,description:`_description_16tbw_293`};exports.default=e;
+var e={backdrop:`_backdrop_1o17o_3`,"backdrop-in":`_backdrop-in_1o17o_1`,dialog:`_dialog_1o17o_27`,"dialog-in":`_dialog-in_1o17o_1`,header:`_header_1o17o_56`,title:`_title_1o17o_64`,closeBtn:`_closeBtn_1o17o_71`,searchRow:`_searchRow_1o17o_106`,searchIcon:`_searchIcon_1o17o_117`,searchInput:`_searchInput_1o17o_125`,searchClear:`_searchClear_1o17o_145`,body:`_body_1o17o_169`,empty:`_empty_1o17o_177`,section:`_section_1o17o_188`,sectionTitle:`_sectionTitle_1o17o_194`,list:`_list_1o17o_204`,row:`_row_1o17o_219`,keys:`_keys_1o17o_234`,keyCap:`_keyCap_1o17o_241`,plus:`_plus_1o17o_267`,description:`_description_1o17o_274`};exports.default=e;
 //# sourceMappingURL=ShortcutsDialog.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ShortcutsDialog.module.css.cjs","names":[],"sources":["../../../src/components/ShortcutsDialog/ShortcutsDialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background-color: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  display: flex;\n  flex-direction: column;\n\n  width: min(580px, calc(100vw - 48px));\n  max-height: min(640px, calc(100vh - 80px));\n\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgba(0, 0, 0, 0.25),\n    0 0 0 1px rgba(0, 0, 0, 0.08);\n\n  overflow: hidden;\n\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.94) translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--gnome-space-3, 18px) var(--gnome-space-3, 18px) var(--gnome-space-2, 12px);\n  flex-shrink: 0;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: 1.3;\n}\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 32px;\n  height: 32px;\n  border-radius: var(--gnome-radius-pill);\n\n  font-size: 1.25rem;\n  line-height: 1;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  background-color: rgba(0, 0, 0, 0.07);\n  opacity: 1;\n}\n\n.closeBtn:focus-visible {\n  opacity: 1;\n  box-shadow:\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa),\n    0 0 0 4px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Search ────────────────────────────────────────────────────────────────── */\n\n.searchRow {\n  position: relative;\n  display: flex;\n  align-items: center;\n  margin: 0 var(--gnome-space-3, 18px) var(--gnome-space-2, 12px);\n  flex-shrink: 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, 8px);\n}\n\n.searchIcon {\n  padding: 0 var(--gnome-space-1, 6px) 0 var(--gnome-space-2, 12px);\n  font-size: 1.1rem;\n  opacity: 0.5;\n  pointer-events: none;\n  user-select: none;\n}\n\n.searchInput {\n  flex: 1;\n  border: none;\n  background: transparent;\n  outline: none;\n  padding: 7px 0;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.searchInput::placeholder {\n  opacity: 0.5;\n}\n\n/* hide browser-native × */\n.searchInput::-webkit-search-cancel-button {\n  display: none;\n}\n\n.searchClear {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  padding: 0 var(--gnome-space-2, 12px);\n\n  font-size: 1rem;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.5;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.searchClear:hover {\n  opacity: 1;\n}\n\n.searchRow:focus-within {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gnome-accent-color, #3584e4) 25%, transparent);\n}\n\n/* ─── Scrollable body ───────────────────────────────────────────────────────── */\n\n.body {\n  overflow-y: auto;\n  padding: 0 var(--gnome-space-3, 18px) var(--gnome-space-3, 18px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-3, 18px);\n}\n\n.empty {\n  text-align: center;\n  padding: var(--gnome-space-4, 24px) 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: 0.5;\n  margin: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.sectionTitle {\n  margin: 0 0 var(--gnome-space-1, 6px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n}\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: var(--gnome-radius-md, 8px);\n  overflow: hidden;\n}\n\n/* ─── Shortcut row ──────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gnome-space-3, 18px);\n  padding: 8px var(--gnome-space-2, 12px);\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.row:last-child {\n  border-bottom: none;\n}\n\n/* ─── Key caps ──────────────────────────────────────────────────────────────── */\n\n.keys {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  flex-shrink: 0;\n}\n\n.keyCap {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n}\n\n.keyCap kbd {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 2px 7px;\n  min-width: 24px;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  font-style: normal;\n  line-height: 1.6;\n\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  border: 1px solid rgba(0, 0, 0, 0.18);\n  border-bottom-width: 2px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n}\n\n.plus {\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  opacity: 0.4;\n}\n\n/* ─── Description ───────────────────────────────────────────────────────────── */\n\n.description {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  text-align: end;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgba(0, 0, 0, 0.65);\n  }\n\n  .dialog {\n    background-color: var(--gnome-window-bg-color, #242424);\n    box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.5),\n      0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n\n  .closeBtn:hover {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .searchRow {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n  }\n\n  .list {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .row {\n    border-bottom-color: rgba(255, 255, 255, 0.05);\n  }\n\n  .keyCap kbd {\n    background-color: var(--gnome-window-bg-color, #242424);\n    border-color: rgba(255, 255, 255, 0.2);\n    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .closeBtn,\n  .searchClear {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ShortcutsDialog.module.css.cjs","names":[],"sources":["../../../src/components/ShortcutsDialog/ShortcutsDialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgb(0 0 0 / 0.5);\n  backdrop-filter: blur(4px);\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  display: flex;\n  flex-direction: column;\n  width: min(580px, calc(100vw - 48px));\n  max-height: min(640px, calc(100vh - 80px));\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgb(0 0 0 / 0.25),\n    0 0 0 1px rgb(0 0 0 / 0.08);\n  overflow: hidden;\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.94) translateY(-8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--gnome-space-3, 18px) var(--gnome-space-3, 18px) var(--gnome-space-2, 12px);\n  flex-shrink: 0;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: 1.3;\n}\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: var(--gnome-radius-pill);\n  font-size: 1.25rem;\n  line-height: 1;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.6;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  background-color: rgb(0 0 0 / 0.07);\n  opacity: 1;\n}\n\n.closeBtn:focus-visible {\n  opacity: 1;\n  box-shadow:\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa),\n    0 0 0 4px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Search ────────────────────────────────────────────────────────────────── */\n\n.searchRow {\n  position: relative;\n  display: flex;\n  align-items: center;\n  margin: 0 var(--gnome-space-3, 18px) var(--gnome-space-2, 12px);\n  flex-shrink: 0;\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, 8px);\n}\n\n.searchIcon {\n  padding: 0 var(--gnome-space-1, 6px) 0 var(--gnome-space-2, 12px);\n  font-size: 1.1rem;\n  opacity: 0.5;\n  pointer-events: none;\n  user-select: none;\n}\n\n.searchInput {\n  flex: 1;\n  border: none;\n  background: transparent;\n  outline: none;\n  padding: 7px 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.searchInput::placeholder {\n  opacity: 0.5;\n}\n\n/* hide browser-native × */\n.searchInput::-webkit-search-cancel-button {\n  display: none;\n}\n\n.searchClear {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  padding: 0 var(--gnome-space-2, 12px);\n  font-size: 1rem;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.5;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.searchClear:hover {\n  opacity: 1;\n}\n\n.searchRow:focus-within {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gnome-accent-color, #3584e4) 25%, transparent);\n}\n\n/* ─── Scrollable body ───────────────────────────────────────────────────────── */\n\n.body {\n  overflow-y: auto;\n  padding: 0 var(--gnome-space-3, 18px) var(--gnome-space-3, 18px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-3, 18px);\n}\n\n.empty {\n  text-align: center;\n  padding: var(--gnome-space-4, 24px) 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: 0.5;\n  margin: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.sectionTitle {\n  margin: 0 0 var(--gnome-space-1, 6px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n}\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  background-color: var(--gnome-card-bg-color, #fff);\n  border: 1px solid rgb(0 0 0 / 0.08);\n  border-radius: var(--gnome-radius-md, 8px);\n  overflow: hidden;\n}\n\n/* ─── Shortcut row ──────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gnome-space-3, 18px);\n  padding: 8px var(--gnome-space-2, 12px);\n  border-bottom: 1px solid rgb(0 0 0 / 0.05);\n}\n\n.row:last-child {\n  border-bottom: none;\n}\n\n/* ─── Key caps ──────────────────────────────────────────────────────────────── */\n\n.keys {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  flex-shrink: 0;\n}\n\n.keyCap {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n}\n\n.keyCap kbd {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px 7px;\n  min-width: 24px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  font-style: normal;\n  line-height: 1.6;\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  border: 1px solid rgb(0 0 0 / 0.18);\n  border-bottom-width: 2px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  box-shadow: 0 1px 0 rgb(0 0 0 / 0.08);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n}\n\n.plus {\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  opacity: 0.4;\n}\n\n/* ─── Description ───────────────────────────────────────────────────────────── */\n\n.description {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  text-align: end;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgb(0 0 0 / 0.65);\n  }\n\n  .dialog {\n    background-color: var(--gnome-window-bg-color, #242424);\n    box-shadow:\n      0 8px 32px rgb(0 0 0 / 0.5),\n      0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n\n  .closeBtn:hover {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .searchRow {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.12);\n  }\n\n  .list {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.08);\n  }\n\n  .row {\n    border-bottom-color: rgb(255 255 255 / 0.05);\n  }\n\n  .keyCap kbd {\n    background-color: var(--gnome-window-bg-color, #242424);\n    border-color: rgb(255 255 255 / 0.2);\n    box-shadow: 0 1px 0 rgb(0 0 0 / 0.3);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .closeBtn,\n  .searchClear {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,25 +1,25 @@
 var e = {
-	backdrop: "_backdrop_16tbw_3",
-	"backdrop-in": "_backdrop-in_16tbw_1",
-	dialog: "_dialog_16tbw_30",
-	"dialog-in": "_dialog-in_16tbw_1",
-	header: "_header_16tbw_63",
-	title: "_title_16tbw_71",
-	closeBtn: "_closeBtn_16tbw_78",
-	searchRow: "_searchRow_16tbw_117",
-	searchIcon: "_searchIcon_16tbw_129",
-	searchInput: "_searchInput_16tbw_137",
-	searchClear: "_searchClear_16tbw_158",
-	body: "_body_16tbw_183",
-	empty: "_empty_16tbw_191",
-	section: "_section_16tbw_202",
-	sectionTitle: "_sectionTitle_16tbw_208",
-	list: "_list_16tbw_218",
-	row: "_row_16tbw_234",
-	keys: "_keys_16tbw_249",
-	keyCap: "_keyCap_16tbw_256",
-	plus: "_plus_16tbw_286",
-	description: "_description_16tbw_293"
+	backdrop: "_backdrop_1o17o_3",
+	"backdrop-in": "_backdrop-in_1o17o_1",
+	dialog: "_dialog_1o17o_27",
+	"dialog-in": "_dialog-in_1o17o_1",
+	header: "_header_1o17o_56",
+	title: "_title_1o17o_64",
+	closeBtn: "_closeBtn_1o17o_71",
+	searchRow: "_searchRow_1o17o_106",
+	searchIcon: "_searchIcon_1o17o_117",
+	searchInput: "_searchInput_1o17o_125",
+	searchClear: "_searchClear_1o17o_145",
+	body: "_body_1o17o_169",
+	empty: "_empty_1o17o_177",
+	section: "_section_1o17o_188",
+	sectionTitle: "_sectionTitle_1o17o_194",
+	list: "_list_1o17o_204",
+	row: "_row_1o17o_219",
+	keys: "_keys_1o17o_234",
+	keyCap: "_keyCap_1o17o_241",
+	plus: "_plus_1o17o_267",
+	description: "_description_1o17o_274"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ShortcutsDialog.module.css.js","names":[],"sources":["../../../src/components/ShortcutsDialog/ShortcutsDialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background-color: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  display: flex;\n  flex-direction: column;\n\n  width: min(580px, calc(100vw - 48px));\n  max-height: min(640px, calc(100vh - 80px));\n\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgba(0, 0, 0, 0.25),\n    0 0 0 1px rgba(0, 0, 0, 0.08);\n\n  overflow: hidden;\n\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.94) translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--gnome-space-3, 18px) var(--gnome-space-3, 18px) var(--gnome-space-2, 12px);\n  flex-shrink: 0;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: 1.3;\n}\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 32px;\n  height: 32px;\n  border-radius: var(--gnome-radius-pill);\n\n  font-size: 1.25rem;\n  line-height: 1;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  background-color: rgba(0, 0, 0, 0.07);\n  opacity: 1;\n}\n\n.closeBtn:focus-visible {\n  opacity: 1;\n  box-shadow:\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa),\n    0 0 0 4px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Search ────────────────────────────────────────────────────────────────── */\n\n.searchRow {\n  position: relative;\n  display: flex;\n  align-items: center;\n  margin: 0 var(--gnome-space-3, 18px) var(--gnome-space-2, 12px);\n  flex-shrink: 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, 8px);\n}\n\n.searchIcon {\n  padding: 0 var(--gnome-space-1, 6px) 0 var(--gnome-space-2, 12px);\n  font-size: 1.1rem;\n  opacity: 0.5;\n  pointer-events: none;\n  user-select: none;\n}\n\n.searchInput {\n  flex: 1;\n  border: none;\n  background: transparent;\n  outline: none;\n  padding: 7px 0;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.searchInput::placeholder {\n  opacity: 0.5;\n}\n\n/* hide browser-native × */\n.searchInput::-webkit-search-cancel-button {\n  display: none;\n}\n\n.searchClear {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  padding: 0 var(--gnome-space-2, 12px);\n\n  font-size: 1rem;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.5;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.searchClear:hover {\n  opacity: 1;\n}\n\n.searchRow:focus-within {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gnome-accent-color, #3584e4) 25%, transparent);\n}\n\n/* ─── Scrollable body ───────────────────────────────────────────────────────── */\n\n.body {\n  overflow-y: auto;\n  padding: 0 var(--gnome-space-3, 18px) var(--gnome-space-3, 18px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-3, 18px);\n}\n\n.empty {\n  text-align: center;\n  padding: var(--gnome-space-4, 24px) 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: 0.5;\n  margin: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.sectionTitle {\n  margin: 0 0 var(--gnome-space-1, 6px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n}\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: var(--gnome-radius-md, 8px);\n  overflow: hidden;\n}\n\n/* ─── Shortcut row ──────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gnome-space-3, 18px);\n  padding: 8px var(--gnome-space-2, 12px);\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.row:last-child {\n  border-bottom: none;\n}\n\n/* ─── Key caps ──────────────────────────────────────────────────────────────── */\n\n.keys {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  flex-shrink: 0;\n}\n\n.keyCap {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n}\n\n.keyCap kbd {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 2px 7px;\n  min-width: 24px;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  font-style: normal;\n  line-height: 1.6;\n\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  border: 1px solid rgba(0, 0, 0, 0.18);\n  border-bottom-width: 2px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\n\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n}\n\n.plus {\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  opacity: 0.4;\n}\n\n/* ─── Description ───────────────────────────────────────────────────────────── */\n\n.description {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  text-align: end;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgba(0, 0, 0, 0.65);\n  }\n\n  .dialog {\n    background-color: var(--gnome-window-bg-color, #242424);\n    box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.5),\n      0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n\n  .closeBtn:hover {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .searchRow {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n  }\n\n  .list {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .row {\n    border-bottom-color: rgba(255, 255, 255, 0.05);\n  }\n\n  .keyCap kbd {\n    background-color: var(--gnome-window-bg-color, #242424);\n    border-color: rgba(255, 255, 255, 0.2);\n    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .closeBtn,\n  .searchClear {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ShortcutsDialog.module.css.js","names":[],"sources":["../../../src/components/ShortcutsDialog/ShortcutsDialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgb(0 0 0 / 0.5);\n  backdrop-filter: blur(4px);\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  display: flex;\n  flex-direction: column;\n  width: min(580px, calc(100vw - 48px));\n  max-height: min(640px, calc(100vh - 80px));\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgb(0 0 0 / 0.25),\n    0 0 0 1px rgb(0 0 0 / 0.08);\n  overflow: hidden;\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.94) translateY(-8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Header ────────────────────────────────────────────────────────────────── */\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--gnome-space-3, 18px) var(--gnome-space-3, 18px) var(--gnome-space-2, 12px);\n  flex-shrink: 0;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: 1.3;\n}\n\n.closeBtn {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: var(--gnome-radius-pill);\n  font-size: 1.25rem;\n  line-height: 1;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.6;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.closeBtn:hover {\n  background-color: rgb(0 0 0 / 0.07);\n  opacity: 1;\n}\n\n.closeBtn:focus-visible {\n  opacity: 1;\n  box-shadow:\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa),\n    0 0 0 4px var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Search ────────────────────────────────────────────────────────────────── */\n\n.searchRow {\n  position: relative;\n  display: flex;\n  align-items: center;\n  margin: 0 var(--gnome-space-3, 18px) var(--gnome-space-2, 12px);\n  flex-shrink: 0;\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, 8px);\n}\n\n.searchIcon {\n  padding: 0 var(--gnome-space-1, 6px) 0 var(--gnome-space-2, 12px);\n  font-size: 1.1rem;\n  opacity: 0.5;\n  pointer-events: none;\n  user-select: none;\n}\n\n.searchInput {\n  flex: 1;\n  border: none;\n  background: transparent;\n  outline: none;\n  padding: 7px 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.searchInput::placeholder {\n  opacity: 0.5;\n}\n\n/* hide browser-native × */\n.searchInput::-webkit-search-cancel-button {\n  display: none;\n}\n\n.searchClear {\n  appearance: none;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  padding: 0 var(--gnome-space-2, 12px);\n  font-size: 1rem;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.5;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.searchClear:hover {\n  opacity: 1;\n}\n\n.searchRow:focus-within {\n  border-color: var(--gnome-accent-color, #3584e4);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--gnome-accent-color, #3584e4) 25%, transparent);\n}\n\n/* ─── Scrollable body ───────────────────────────────────────────────────────── */\n\n.body {\n  overflow-y: auto;\n  padding: 0 var(--gnome-space-3, 18px) var(--gnome-space-3, 18px);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gnome-space-3, 18px);\n}\n\n.empty {\n  text-align: center;\n  padding: var(--gnome-space-4, 24px) 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  opacity: 0.5;\n  margin: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.sectionTitle {\n  margin: 0 0 var(--gnome-space-1, 6px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n}\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  background-color: var(--gnome-card-bg-color, #fff);\n  border: 1px solid rgb(0 0 0 / 0.08);\n  border-radius: var(--gnome-radius-md, 8px);\n  overflow: hidden;\n}\n\n/* ─── Shortcut row ──────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gnome-space-3, 18px);\n  padding: 8px var(--gnome-space-2, 12px);\n  border-bottom: 1px solid rgb(0 0 0 / 0.05);\n}\n\n.row:last-child {\n  border-bottom: none;\n}\n\n/* ─── Key caps ──────────────────────────────────────────────────────────────── */\n\n.keys {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  flex-shrink: 0;\n}\n\n.keyCap {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n}\n\n.keyCap kbd {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px 7px;\n  min-width: 24px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  font-style: normal;\n  line-height: 1.6;\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  border: 1px solid rgb(0 0 0 / 0.18);\n  border-bottom-width: 2px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  box-shadow: 0 1px 0 rgb(0 0 0 / 0.08);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n}\n\n.plus {\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  opacity: 0.4;\n}\n\n/* ─── Description ───────────────────────────────────────────────────────────── */\n\n.description {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  text-align: end;\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgb(0 0 0 / 0.65);\n  }\n\n  .dialog {\n    background-color: var(--gnome-window-bg-color, #242424);\n    box-shadow:\n      0 8px 32px rgb(0 0 0 / 0.5),\n      0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n\n  .closeBtn:hover {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .searchRow {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.12);\n  }\n\n  .list {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.08);\n  }\n\n  .row {\n    border-bottom-color: rgb(255 255 255 / 0.05);\n  }\n\n  .keyCap kbd {\n    background-color: var(--gnome-window-bg-color, #242424);\n    border-color: rgb(255 255 255 / 0.2);\n    box-shadow: 0 1px 0 rgb(0 0 0 / 0.3);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .closeBtn,\n  .searchClear {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={sidebar:`_sidebar_156vz_3`,section:`_section_156vz_21`,sectionHeader:`_sectionHeader_156vz_35`,sectionHeaderIcon:`_sectionHeaderIcon_156vz_71`,sectionTitle:`_sectionTitle_156vz_78`,sectionChevron:`_sectionChevron_156vz_94`,sectionBody:`_sectionBody_156vz_104`,sectionBodyCollapsed:`_sectionBodyCollapsed_156vz_110`,sectionBodyInner:`_sectionBodyInner_156vz_114`,list:`_list_156vz_120`,item:`_item_156vz_131`,itemBtn:`_itemBtn_156vz_137`,active:`_active_156vz_184`,itemIcon:`_itemIcon_156vz_200`,itemLabel:`_itemLabel_156vz_213`,itemSuffix:`_itemSuffix_156vz_223`,contextMenu:`_contextMenu_156vz_232`,"menu-in":`_menu-in_156vz_1`,contextMenuItem:`_contextMenuItem_156vz_262`,contextMenuDestructive:`_contextMenuDestructive_156vz_298`,searchWrap:`_searchWrap_156vz_304`,variantBlue:`_variantBlue_156vz_315`,variantGreen:`_variantGreen_156vz_324`,variantRed:`_variantRed_156vz_333`,variantYellow:`_variantYellow_156vz_342`,variantBlack:`_variantBlack_156vz_351`,variantTransparent:`_variantTransparent_156vz_360`,variantBlurred:`_variantBlurred_156vz_365`,pageMode:`_pageMode_156vz_381`,dragOver:`_dragOver_156vz_388`,collapsed:`_collapsed_156vz_396`,itemCollapsed:`_itemCollapsed_156vz_407`};exports.default=e;
+var e={sidebar:`_sidebar_1ecmp_3`,section:`_section_1ecmp_20`,sectionHeader:`_sectionHeader_1ecmp_34`,sectionHeaderIcon:`_sectionHeaderIcon_1ecmp_70`,sectionTitle:`_sectionTitle_1ecmp_77`,sectionChevron:`_sectionChevron_1ecmp_93`,sectionBody:`_sectionBody_1ecmp_103`,sectionBodyCollapsed:`_sectionBodyCollapsed_1ecmp_109`,sectionBodyInner:`_sectionBodyInner_1ecmp_113`,list:`_list_1ecmp_119`,item:`_item_1ecmp_130`,itemBtn:`_itemBtn_1ecmp_136`,active:`_active_1ecmp_179`,itemIcon:`_itemIcon_1ecmp_195`,itemLabel:`_itemLabel_1ecmp_208`,itemSuffix:`_itemSuffix_1ecmp_218`,contextMenu:`_contextMenu_1ecmp_227`,"menu-in":`_menu-in_1ecmp_1`,contextMenuItem:`_contextMenuItem_1ecmp_255`,contextMenuDestructive:`_contextMenuDestructive_1ecmp_288`,searchWrap:`_searchWrap_1ecmp_294`,variantBlue:`_variantBlue_1ecmp_305`,variantGreen:`_variantGreen_1ecmp_314`,variantRed:`_variantRed_1ecmp_323`,variantYellow:`_variantYellow_1ecmp_332`,variantBlack:`_variantBlack_1ecmp_341`,variantTransparent:`_variantTransparent_1ecmp_350`,variantBlurred:`_variantBlurred_1ecmp_356`,pageMode:`_pageMode_1ecmp_373`,dragOver:`_dragOver_1ecmp_380`,collapsed:`_collapsed_1ecmp_388`,itemCollapsed:`_itemCollapsed_1ecmp_399`};exports.default=e;
 //# sourceMappingURL=Sidebar.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.module.css.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: var(--gnome-layout-sidebar-default-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-y: auto;\n  overflow-x: hidden;\n  padding: var(--gnome-space-1, 6px);\n  gap: 0;\n  transition: width 200ms var(--gnome-easing-default, ease);\n  flex-shrink: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Divider between consecutive sections */\n.section + .section {\n  margin-top: var(--gnome-space-1, 6px);\n  padding-top: var(--gnome-space-1, 6px);\n  border-top: 1px solid var(--gnome-divider-color);\n}\n\n/* ─── Section header (title row, optionally a button when collapsible) ──────── */\n\n.sectionHeader {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  margin: 4px 0 2px;\n  padding: 2px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 4px);\n  background: transparent;\n  border: none;\n  font: inherit;\n  text-align: start;\n  cursor: default;\n}\n\nbutton.sectionHeader {\n  cursor: pointer;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\nbutton.sectionHeader:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\nbutton.sectionHeader:active {\n  background-color: var(--gnome-active-overlay);\n}\n\nbutton.sectionHeader:focus-visible {\n  outline: none;\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, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.sectionHeaderIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n\n.sectionTitle {\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n  user-select: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sectionChevron {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-left: auto;\n  opacity: 0.5;\n}\n\n/* ─── Collapsible section body ──────────────────────────────────────────────── */\n\n.sectionBody {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 200ms var(--gnome-easing-default, ease);\n}\n\n.sectionBodyCollapsed {\n  grid-template-rows: 0fr;\n}\n\n.sectionBodyInner {\n  overflow: hidden;\n}\n\n/* ─── List ─────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\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: 8px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\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 {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.itemBtn:active {\n  background-color: var(--gnome-active-overlay);\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, 3px))\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 state ─────────────────────────────────────────────────────────── */\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 {\n  filter: brightness(1.08);\n}\n\n.active:active {\n  filter: brightness(0.92);\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 (trailing widget) ──────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n/* ─── Context menu ──────────────────────────────────────────────────────────── */\n\n.contextMenu {\n  position: fixed;\n  z-index: 10500;\n  min-width: 160px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.15));\n  padding: 4px;\n  overflow: hidden;\n\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n\n  animation: menu-in var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes menu-in {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.contextMenuItem {\n  appearance: none;\n  border: none;\n  background: transparent;\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  padding: 6px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md, 8px) - 4px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.contextMenuItem:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.contextMenuItem:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.contextMenuItem:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n.contextMenuItem:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.contextMenuDestructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Search wrap ───────────────────────────────────────────────────────────── */\n\n.searchWrap {\n  padding-bottom: var(--gnome-space-1, 6px);\n}\n\n/* Override SearchBar min-height to keep it compact inside the sidebar */\n.searchWrap > * {\n  min-height: unset;\n}\n\n/* ─── Variants ──────────────────────────────────────────────────────────────── */\n\n.variantBlue {\n  --gnome-sidebar-bg-color: #1a4a7a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantGreen {\n  --gnome-sidebar-bg-color: #1a4a2e;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantRed {\n  --gnome-sidebar-bg-color: #6e1414;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantYellow {\n  --gnome-sidebar-bg-color: #5a4500;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantBlack {\n  --gnome-sidebar-bg-color: #0a0a0a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.9);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.08);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.14);\n  --gnome-divider-color: rgba(255, 255, 255, 0.1);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.1);\n}\n\n.variantTransparent {\n  --gnome-sidebar-bg-color: transparent;\n  border-right-color: var(--gnome-divider-color);\n}\n\n.variantBlurred {\n  --gnome-sidebar-bg-color: rgba(255, 255, 255, 0.55);\n  border-right-color: rgba(255, 255, 255, 0.25);\n  backdrop-filter: blur(20px) saturate(1.8);\n  -webkit-backdrop-filter: blur(20px) saturate(1.8);\n}\n\n@media (prefers-color-scheme: dark) {\n  .variantBlurred {\n    --gnome-sidebar-bg-color: rgba(30, 30, 30, 0.6);\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── Page mode (full-width boxed-list layout) ──────────────────────────────── */\n\n.pageMode {\n  width: 100%;\n  border-right: none;\n}\n\n/* ─── Drag-over highlight ───────────────────────────────────────────────────── */\n\n.dragOver {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  opacity: 0.7;\n}\n\n/* ─── Collapsed (icon-only / rail) mode ────────────────────────────────────── */\n\n.collapsed {\n  width: var(--gnome-layout-sidebar-rail-width, 56px);\n  transition: width 200ms var(--gnome-easing-default, ease);\n}\n\n/* Hide section headings when collapsed */\n.collapsed .sectionTitle {\n  display: none;\n}\n\n/* Center icon when collapsed */\n.itemCollapsed {\n  justify-content: center;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .sidebar {\n    border-right-width: 2px;\n  }\n\n  .section + .section {\n    border-top-width: 2px;\n  }\n\n  .contextMenu {\n    border-width: 2px;\n  }\n\n  .active {\n    outline: 2px solid var(--gnome-accent-fg-color, #ffffff);\n    outline-offset: -3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn,\n  button.sectionHeader,\n  .sectionBody {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Sidebar.module.css.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: var(--gnome-layout-sidebar-default-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 auto;\n  padding: var(--gnome-space-1, 6px);\n  gap: 0;\n  transition: width 200ms var(--gnome-easing-default, ease);\n  flex-shrink: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Divider between consecutive sections */\n.section + .section {\n  margin-top: var(--gnome-space-1, 6px);\n  padding-top: var(--gnome-space-1, 6px);\n  border-top: 1px solid var(--gnome-divider-color);\n}\n\n/* ─── Section header (title row, optionally a button when collapsible) ──────── */\n\n.sectionHeader {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  margin: 4px 0 2px;\n  padding: 2px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 4px);\n  background: transparent;\n  border: none;\n  font: inherit;\n  text-align: start;\n  cursor: default;\n}\n\nbutton.sectionHeader {\n  cursor: pointer;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\nbutton.sectionHeader:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\nbutton.sectionHeader:active {\n  background-color: var(--gnome-active-overlay);\n}\n\nbutton.sectionHeader:focus-visible {\n  outline: none;\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, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.sectionHeaderIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n\n.sectionTitle {\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n  user-select: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sectionChevron {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-left: auto;\n  opacity: 0.5;\n}\n\n/* ─── Collapsible section body ──────────────────────────────────────────────── */\n\n.sectionBody {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 200ms var(--gnome-easing-default, ease);\n}\n\n.sectionBodyCollapsed {\n  grid-template-rows: 0fr;\n}\n\n.sectionBodyInner {\n  overflow: hidden;\n}\n\n/* ─── List ─────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\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: 8px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\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 {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.itemBtn:active {\n  background-color: var(--gnome-active-overlay);\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, 3px))\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 state ─────────────────────────────────────────────────────────── */\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 {\n  filter: brightness(1.08);\n}\n\n.active:active {\n  filter: brightness(0.92);\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 (trailing widget) ──────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n/* ─── Context menu ──────────────────────────────────────────────────────────── */\n\n.contextMenu {\n  position: fixed;\n  z-index: 10500;\n  min-width: 160px;\n  background-color: var(--gnome-card-bg-color, #fff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgb(0 0 0 / 0.15));\n  padding: 4px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  animation: menu-in var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes menu-in {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.contextMenuItem {\n  appearance: none;\n  border: none;\n  background: transparent;\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n  padding: 6px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md, 8px) - 4px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.contextMenuItem:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.contextMenuItem:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.contextMenuItem:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n.contextMenuItem:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.contextMenuDestructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Search wrap ───────────────────────────────────────────────────────────── */\n\n.searchWrap {\n  padding-bottom: var(--gnome-space-1, 6px);\n}\n\n/* Override SearchBar min-height to keep it compact inside the sidebar */\n.searchWrap > * {\n  min-height: unset;\n}\n\n/* ─── Variants ──────────────────────────────────────────────────────────────── */\n\n.variantBlue {\n  --gnome-sidebar-bg-color: #1a4a7a;\n  --gnome-sidebar-fg-color: rgb(255 255 255 / 0.95);\n  --gnome-hover-overlay: rgb(255 255 255 / 0.1);\n  --gnome-active-overlay: rgb(255 255 255 / 0.18);\n  --gnome-divider-color: rgb(255 255 255 / 0.15);\n  --gnome-headerbar-border-color: rgb(255 255 255 / 0.15);\n}\n\n.variantGreen {\n  --gnome-sidebar-bg-color: #1a4a2e;\n  --gnome-sidebar-fg-color: rgb(255 255 255 / 0.95);\n  --gnome-hover-overlay: rgb(255 255 255 / 0.1);\n  --gnome-active-overlay: rgb(255 255 255 / 0.18);\n  --gnome-divider-color: rgb(255 255 255 / 0.15);\n  --gnome-headerbar-border-color: rgb(255 255 255 / 0.15);\n}\n\n.variantRed {\n  --gnome-sidebar-bg-color: #6e1414;\n  --gnome-sidebar-fg-color: rgb(255 255 255 / 0.95);\n  --gnome-hover-overlay: rgb(255 255 255 / 0.1);\n  --gnome-active-overlay: rgb(255 255 255 / 0.18);\n  --gnome-divider-color: rgb(255 255 255 / 0.15);\n  --gnome-headerbar-border-color: rgb(255 255 255 / 0.15);\n}\n\n.variantYellow {\n  --gnome-sidebar-bg-color: #5a4500;\n  --gnome-sidebar-fg-color: rgb(255 255 255 / 0.95);\n  --gnome-hover-overlay: rgb(255 255 255 / 0.1);\n  --gnome-active-overlay: rgb(255 255 255 / 0.18);\n  --gnome-divider-color: rgb(255 255 255 / 0.15);\n  --gnome-headerbar-border-color: rgb(255 255 255 / 0.15);\n}\n\n.variantBlack {\n  --gnome-sidebar-bg-color: #0a0a0a;\n  --gnome-sidebar-fg-color: rgb(255 255 255 / 0.9);\n  --gnome-hover-overlay: rgb(255 255 255 / 0.08);\n  --gnome-active-overlay: rgb(255 255 255 / 0.14);\n  --gnome-divider-color: rgb(255 255 255 / 0.1);\n  --gnome-headerbar-border-color: rgb(255 255 255 / 0.1);\n}\n\n.variantTransparent {\n  --gnome-sidebar-bg-color: transparent;\n\n  border-right-color: var(--gnome-divider-color);\n}\n\n.variantBlurred {\n  --gnome-sidebar-bg-color: rgb(255 255 255 / 0.55);\n\n  border-right-color: rgb(255 255 255 / 0.25);\n  backdrop-filter: blur(20px) saturate(1.8);\n}\n\n@media (prefers-color-scheme: dark) {\n  .variantBlurred {\n    --gnome-sidebar-bg-color: rgb(30 30 30 / 0.6);\n\n    border-right-color: rgb(255 255 255 / 0.1);\n  }\n}\n\n/* ─── Page mode (full-width boxed-list layout) ──────────────────────────────── */\n\n.pageMode {\n  width: 100%;\n  border-right: none;\n}\n\n/* ─── Drag-over highlight ───────────────────────────────────────────────────── */\n\n.dragOver {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n  opacity: 0.7;\n}\n\n/* ─── Collapsed (icon-only / rail) mode ────────────────────────────────────── */\n\n.collapsed {\n  width: var(--gnome-layout-sidebar-rail-width, 56px);\n  transition: width 200ms var(--gnome-easing-default, ease);\n}\n\n/* Hide section headings when collapsed */\n.collapsed .sectionTitle {\n  display: none;\n}\n\n/* Center icon when collapsed */\n.itemCollapsed {\n  justify-content: center;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .sidebar {\n    border-right-width: 2px;\n  }\n\n  .section + .section {\n    border-top-width: 2px;\n  }\n\n  .contextMenu {\n    border-width: 2px;\n  }\n\n  .active {\n    outline: 2px solid var(--gnome-accent-fg-color, #fff);\n    outline-offset: -3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn,\n  button.sectionHeader,\n  .sectionBody {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,36 +1,36 @@
 var e = {
-	sidebar: "_sidebar_156vz_3",
-	section: "_section_156vz_21",
-	sectionHeader: "_sectionHeader_156vz_35",
-	sectionHeaderIcon: "_sectionHeaderIcon_156vz_71",
-	sectionTitle: "_sectionTitle_156vz_78",
-	sectionChevron: "_sectionChevron_156vz_94",
-	sectionBody: "_sectionBody_156vz_104",
-	sectionBodyCollapsed: "_sectionBodyCollapsed_156vz_110",
-	sectionBodyInner: "_sectionBodyInner_156vz_114",
-	list: "_list_156vz_120",
-	item: "_item_156vz_131",
-	itemBtn: "_itemBtn_156vz_137",
-	active: "_active_156vz_184",
-	itemIcon: "_itemIcon_156vz_200",
-	itemLabel: "_itemLabel_156vz_213",
-	itemSuffix: "_itemSuffix_156vz_223",
-	contextMenu: "_contextMenu_156vz_232",
-	"menu-in": "_menu-in_156vz_1",
-	contextMenuItem: "_contextMenuItem_156vz_262",
-	contextMenuDestructive: "_contextMenuDestructive_156vz_298",
-	searchWrap: "_searchWrap_156vz_304",
-	variantBlue: "_variantBlue_156vz_315",
-	variantGreen: "_variantGreen_156vz_324",
-	variantRed: "_variantRed_156vz_333",
-	variantYellow: "_variantYellow_156vz_342",
-	variantBlack: "_variantBlack_156vz_351",
-	variantTransparent: "_variantTransparent_156vz_360",
-	variantBlurred: "_variantBlurred_156vz_365",
-	pageMode: "_pageMode_156vz_381",
-	dragOver: "_dragOver_156vz_388",
-	collapsed: "_collapsed_156vz_396",
-	itemCollapsed: "_itemCollapsed_156vz_407"
+	sidebar: "_sidebar_1ecmp_3",
+	section: "_section_1ecmp_20",
+	sectionHeader: "_sectionHeader_1ecmp_34",
+	sectionHeaderIcon: "_sectionHeaderIcon_1ecmp_70",
+	sectionTitle: "_sectionTitle_1ecmp_77",
+	sectionChevron: "_sectionChevron_1ecmp_93",
+	sectionBody: "_sectionBody_1ecmp_103",
+	sectionBodyCollapsed: "_sectionBodyCollapsed_1ecmp_109",
+	sectionBodyInner: "_sectionBodyInner_1ecmp_113",
+	list: "_list_1ecmp_119",
+	item: "_item_1ecmp_130",
+	itemBtn: "_itemBtn_1ecmp_136",
+	active: "_active_1ecmp_179",
+	itemIcon: "_itemIcon_1ecmp_195",
+	itemLabel: "_itemLabel_1ecmp_208",
+	itemSuffix: "_itemSuffix_1ecmp_218",
+	contextMenu: "_contextMenu_1ecmp_227",
+	"menu-in": "_menu-in_1ecmp_1",
+	contextMenuItem: "_contextMenuItem_1ecmp_255",
+	contextMenuDestructive: "_contextMenuDestructive_1ecmp_288",
+	searchWrap: "_searchWrap_1ecmp_294",
+	variantBlue: "_variantBlue_1ecmp_305",
+	variantGreen: "_variantGreen_1ecmp_314",
+	variantRed: "_variantRed_1ecmp_323",
+	variantYellow: "_variantYellow_1ecmp_332",
+	variantBlack: "_variantBlack_1ecmp_341",
+	variantTransparent: "_variantTransparent_1ecmp_350",
+	variantBlurred: "_variantBlurred_1ecmp_356",
+	pageMode: "_pageMode_1ecmp_373",
+	dragOver: "_dragOver_1ecmp_380",
+	collapsed: "_collapsed_1ecmp_388",
+	itemCollapsed: "_itemCollapsed_1ecmp_399"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.module.css.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: var(--gnome-layout-sidebar-default-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-y: auto;\n  overflow-x: hidden;\n  padding: var(--gnome-space-1, 6px);\n  gap: 0;\n  transition: width 200ms var(--gnome-easing-default, ease);\n  flex-shrink: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Divider between consecutive sections */\n.section + .section {\n  margin-top: var(--gnome-space-1, 6px);\n  padding-top: var(--gnome-space-1, 6px);\n  border-top: 1px solid var(--gnome-divider-color);\n}\n\n/* ─── Section header (title row, optionally a button when collapsible) ──────── */\n\n.sectionHeader {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  margin: 4px 0 2px;\n  padding: 2px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 4px);\n  background: transparent;\n  border: none;\n  font: inherit;\n  text-align: start;\n  cursor: default;\n}\n\nbutton.sectionHeader {\n  cursor: pointer;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\nbutton.sectionHeader:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\nbutton.sectionHeader:active {\n  background-color: var(--gnome-active-overlay);\n}\n\nbutton.sectionHeader:focus-visible {\n  outline: none;\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, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.sectionHeaderIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n\n.sectionTitle {\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n  user-select: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sectionChevron {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-left: auto;\n  opacity: 0.5;\n}\n\n/* ─── Collapsible section body ──────────────────────────────────────────────── */\n\n.sectionBody {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 200ms var(--gnome-easing-default, ease);\n}\n\n.sectionBodyCollapsed {\n  grid-template-rows: 0fr;\n}\n\n.sectionBodyInner {\n  overflow: hidden;\n}\n\n/* ─── List ─────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\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: 8px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\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 {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.itemBtn:active {\n  background-color: var(--gnome-active-overlay);\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, 3px))\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 state ─────────────────────────────────────────────────────────── */\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 {\n  filter: brightness(1.08);\n}\n\n.active:active {\n  filter: brightness(0.92);\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 (trailing widget) ──────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n/* ─── Context menu ──────────────────────────────────────────────────────────── */\n\n.contextMenu {\n  position: fixed;\n  z-index: 10500;\n  min-width: 160px;\n\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.15));\n  padding: 4px;\n  overflow: hidden;\n\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n\n  animation: menu-in var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes menu-in {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.contextMenuItem {\n  appearance: none;\n  border: none;\n  background: transparent;\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n\n  padding: 6px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md, 8px) - 4px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.contextMenuItem:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.contextMenuItem:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.contextMenuItem:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n.contextMenuItem:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.contextMenuDestructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Search wrap ───────────────────────────────────────────────────────────── */\n\n.searchWrap {\n  padding-bottom: var(--gnome-space-1, 6px);\n}\n\n/* Override SearchBar min-height to keep it compact inside the sidebar */\n.searchWrap > * {\n  min-height: unset;\n}\n\n/* ─── Variants ──────────────────────────────────────────────────────────────── */\n\n.variantBlue {\n  --gnome-sidebar-bg-color: #1a4a7a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantGreen {\n  --gnome-sidebar-bg-color: #1a4a2e;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantRed {\n  --gnome-sidebar-bg-color: #6e1414;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantYellow {\n  --gnome-sidebar-bg-color: #5a4500;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.95);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.1);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.18);\n  --gnome-divider-color: rgba(255, 255, 255, 0.15);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.15);\n}\n\n.variantBlack {\n  --gnome-sidebar-bg-color: #0a0a0a;\n  --gnome-sidebar-fg-color: rgba(255, 255, 255, 0.9);\n  --gnome-hover-overlay: rgba(255, 255, 255, 0.08);\n  --gnome-active-overlay: rgba(255, 255, 255, 0.14);\n  --gnome-divider-color: rgba(255, 255, 255, 0.1);\n  --gnome-headerbar-border-color: rgba(255, 255, 255, 0.1);\n}\n\n.variantTransparent {\n  --gnome-sidebar-bg-color: transparent;\n  border-right-color: var(--gnome-divider-color);\n}\n\n.variantBlurred {\n  --gnome-sidebar-bg-color: rgba(255, 255, 255, 0.55);\n  border-right-color: rgba(255, 255, 255, 0.25);\n  backdrop-filter: blur(20px) saturate(1.8);\n  -webkit-backdrop-filter: blur(20px) saturate(1.8);\n}\n\n@media (prefers-color-scheme: dark) {\n  .variantBlurred {\n    --gnome-sidebar-bg-color: rgba(30, 30, 30, 0.6);\n    border-right-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── Page mode (full-width boxed-list layout) ──────────────────────────────── */\n\n.pageMode {\n  width: 100%;\n  border-right: none;\n}\n\n/* ─── Drag-over highlight ───────────────────────────────────────────────────── */\n\n.dragOver {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #ffffff);\n  opacity: 0.7;\n}\n\n/* ─── Collapsed (icon-only / rail) mode ────────────────────────────────────── */\n\n.collapsed {\n  width: var(--gnome-layout-sidebar-rail-width, 56px);\n  transition: width 200ms var(--gnome-easing-default, ease);\n}\n\n/* Hide section headings when collapsed */\n.collapsed .sectionTitle {\n  display: none;\n}\n\n/* Center icon when collapsed */\n.itemCollapsed {\n  justify-content: center;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .sidebar {\n    border-right-width: 2px;\n  }\n\n  .section + .section {\n    border-top-width: 2px;\n  }\n\n  .contextMenu {\n    border-width: 2px;\n  }\n\n  .active {\n    outline: 2px solid var(--gnome-accent-fg-color, #ffffff);\n    outline-offset: -3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn,\n  button.sectionHeader,\n  .sectionBody {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Sidebar.module.css.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":["/* ─── Container ────────────────────────────────────────────────────────────── */\n\n.sidebar {\n  display: flex;\n  flex-direction: column;\n  width: var(--gnome-layout-sidebar-default-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 auto;\n  padding: var(--gnome-space-1, 6px);\n  gap: 0;\n  transition: width 200ms var(--gnome-easing-default, ease);\n  flex-shrink: 0;\n}\n\n/* ─── Section ───────────────────────────────────────────────────────────────── */\n\n.section {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Divider between consecutive sections */\n.section + .section {\n  margin-top: var(--gnome-space-1, 6px);\n  padding-top: var(--gnome-space-1, 6px);\n  border-top: 1px solid var(--gnome-divider-color);\n}\n\n/* ─── Section header (title row, optionally a button when collapsible) ──────── */\n\n.sectionHeader {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  margin: 4px 0 2px;\n  padding: 2px var(--gnome-space-1, 6px);\n  border-radius: var(--gnome-radius-sm, 4px);\n  background: transparent;\n  border: none;\n  font: inherit;\n  text-align: start;\n  cursor: default;\n}\n\nbutton.sectionHeader {\n  cursor: pointer;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\nbutton.sectionHeader:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\nbutton.sectionHeader:active {\n  background-color: var(--gnome-active-overlay);\n}\n\nbutton.sectionHeader:focus-visible {\n  outline: none;\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, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n.sectionHeaderIcon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n\n.sectionTitle {\n  flex: 1;\n  min-width: 0;\n  padding: 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.875rem);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.5;\n  user-select: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sectionChevron {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-left: auto;\n  opacity: 0.5;\n}\n\n/* ─── Collapsible section body ──────────────────────────────────────────────── */\n\n.sectionBody {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 200ms var(--gnome-easing-default, ease);\n}\n\n.sectionBodyCollapsed {\n  grid-template-rows: 0fr;\n}\n\n.sectionBodyInner {\n  overflow: hidden;\n}\n\n/* ─── List ─────────────────────────────────────────────────────────────────── */\n\n.list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\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: 8px var(--gnome-space-2, 12px);\n  border-radius: var(--gnome-radius-md, 8px);\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 {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.itemBtn:active {\n  background-color: var(--gnome-active-overlay);\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, 3px))\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 state ─────────────────────────────────────────────────────────── */\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 {\n  filter: brightness(1.08);\n}\n\n.active:active {\n  filter: brightness(0.92);\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 (trailing widget) ──────────────────────────────────────────────── */\n\n.itemSuffix {\n  flex-shrink: 0;\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n}\n\n/* ─── Context menu ──────────────────────────────────────────────────────────── */\n\n.contextMenu {\n  position: fixed;\n  z-index: 10500;\n  min-width: 160px;\n  background-color: var(--gnome-card-bg-color, #fff);\n  border: 1px solid var(--gnome-border-subtle);\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgb(0 0 0 / 0.15));\n  padding: 4px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  animation: menu-in var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes menu-in {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.contextMenuItem {\n  appearance: none;\n  border: none;\n  background: transparent;\n  width: 100%;\n  text-align: start;\n  cursor: pointer;\n  outline: none;\n  padding: 6px var(--gnome-space-2, 12px);\n  border-radius: calc(var(--gnome-radius-md, 8px) - 4px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.contextMenuItem:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.contextMenuItem:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.contextMenuItem:focus-visible {\n  box-shadow: inset 0 0 0 2px var(--gnome-focus-ring-color, #3584e4);\n}\n\n.contextMenuItem:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.contextMenuDestructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Search wrap ───────────────────────────────────────────────────────────── */\n\n.searchWrap {\n  padding-bottom: var(--gnome-space-1, 6px);\n}\n\n/* Override SearchBar min-height to keep it compact inside the sidebar */\n.searchWrap > * {\n  min-height: unset;\n}\n\n/* ─── Variants ──────────────────────────────────────────────────────────────── */\n\n.variantBlue {\n  --gnome-sidebar-bg-color: #1a4a7a;\n  --gnome-sidebar-fg-color: rgb(255 255 255 / 0.95);\n  --gnome-hover-overlay: rgb(255 255 255 / 0.1);\n  --gnome-active-overlay: rgb(255 255 255 / 0.18);\n  --gnome-divider-color: rgb(255 255 255 / 0.15);\n  --gnome-headerbar-border-color: rgb(255 255 255 / 0.15);\n}\n\n.variantGreen {\n  --gnome-sidebar-bg-color: #1a4a2e;\n  --gnome-sidebar-fg-color: rgb(255 255 255 / 0.95);\n  --gnome-hover-overlay: rgb(255 255 255 / 0.1);\n  --gnome-active-overlay: rgb(255 255 255 / 0.18);\n  --gnome-divider-color: rgb(255 255 255 / 0.15);\n  --gnome-headerbar-border-color: rgb(255 255 255 / 0.15);\n}\n\n.variantRed {\n  --gnome-sidebar-bg-color: #6e1414;\n  --gnome-sidebar-fg-color: rgb(255 255 255 / 0.95);\n  --gnome-hover-overlay: rgb(255 255 255 / 0.1);\n  --gnome-active-overlay: rgb(255 255 255 / 0.18);\n  --gnome-divider-color: rgb(255 255 255 / 0.15);\n  --gnome-headerbar-border-color: rgb(255 255 255 / 0.15);\n}\n\n.variantYellow {\n  --gnome-sidebar-bg-color: #5a4500;\n  --gnome-sidebar-fg-color: rgb(255 255 255 / 0.95);\n  --gnome-hover-overlay: rgb(255 255 255 / 0.1);\n  --gnome-active-overlay: rgb(255 255 255 / 0.18);\n  --gnome-divider-color: rgb(255 255 255 / 0.15);\n  --gnome-headerbar-border-color: rgb(255 255 255 / 0.15);\n}\n\n.variantBlack {\n  --gnome-sidebar-bg-color: #0a0a0a;\n  --gnome-sidebar-fg-color: rgb(255 255 255 / 0.9);\n  --gnome-hover-overlay: rgb(255 255 255 / 0.08);\n  --gnome-active-overlay: rgb(255 255 255 / 0.14);\n  --gnome-divider-color: rgb(255 255 255 / 0.1);\n  --gnome-headerbar-border-color: rgb(255 255 255 / 0.1);\n}\n\n.variantTransparent {\n  --gnome-sidebar-bg-color: transparent;\n\n  border-right-color: var(--gnome-divider-color);\n}\n\n.variantBlurred {\n  --gnome-sidebar-bg-color: rgb(255 255 255 / 0.55);\n\n  border-right-color: rgb(255 255 255 / 0.25);\n  backdrop-filter: blur(20px) saturate(1.8);\n}\n\n@media (prefers-color-scheme: dark) {\n  .variantBlurred {\n    --gnome-sidebar-bg-color: rgb(30 30 30 / 0.6);\n\n    border-right-color: rgb(255 255 255 / 0.1);\n  }\n}\n\n/* ─── Page mode (full-width boxed-list layout) ──────────────────────────────── */\n\n.pageMode {\n  width: 100%;\n  border-right: none;\n}\n\n/* ─── Drag-over highlight ───────────────────────────────────────────────────── */\n\n.dragOver {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  color: var(--gnome-accent-fg-color, #fff);\n  opacity: 0.7;\n}\n\n/* ─── Collapsed (icon-only / rail) mode ────────────────────────────────────── */\n\n.collapsed {\n  width: var(--gnome-layout-sidebar-rail-width, 56px);\n  transition: width 200ms var(--gnome-easing-default, ease);\n}\n\n/* Hide section headings when collapsed */\n.collapsed .sectionTitle {\n  display: none;\n}\n\n/* Center icon when collapsed */\n.itemCollapsed {\n  justify-content: center;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .sidebar {\n    border-right-width: 2px;\n  }\n\n  .section + .section {\n    border-top-width: 2px;\n  }\n\n  .contextMenu {\n    border-width: 2px;\n  }\n\n  .active {\n    outline: 2px solid var(--gnome-accent-fg-color, #fff);\n    outline-offset: -3px;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .itemBtn,\n  button.sectionHeader,\n  .sectionBody {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={skeleton:`_skeleton_sxiec_3`,line:`_line_sxiec_15`,animated:`_animated_sxiec_23`,shimmer:`_shimmer_sxiec_1`,rect:`_rect_sxiec_30`,circle:`_circle_sxiec_34`,text:`_text_sxiec_38`};exports.default=e;
+var e={skeleton:`_skeleton_1cr2u_3`,line:`_line_1cr2u_15`,animated:`_animated_1cr2u_23`,shimmer:`_shimmer_1cr2u_1`,rect:`_rect_1cr2u_30`,circle:`_circle_1cr2u_34`,text:`_text_1cr2u_38`};exports.default=e;
 //# sourceMappingURL=Skeleton.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.module.css.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.module.css"],"sourcesContent":["/* Base */\n\n.skeleton {\n  --skeleton-base: var(--gnome-skeleton-base-color, rgba(0, 0, 0, 0.09));\n  --skeleton-highlight: var(--gnome-skeleton-highlight-color, rgba(255, 255, 255, 0.55));\n\n  position: relative;\n  display: block;\n  flex-shrink: 0;\n  overflow: hidden;\n  background-color: var(--skeleton-base);\n}\n\n.skeleton::after,\n.line::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  transform: translateX(-100%);\n  background: linear-gradient(90deg, transparent, var(--skeleton-highlight), transparent);\n}\n\n.animated::after,\n.animated .line::after {\n  animation: shimmer 1.4s var(--gnome-easing-default, ease) infinite;\n}\n\n/* Variants */\n\n.rect {\n  border-radius: var(--gnome-radius-md, 6px);\n}\n\n.circle {\n  border-radius: 50%;\n}\n\n.text {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 8px;\n  background-color: transparent;\n}\n\n.text::after {\n  display: none;\n}\n\n.line {\n  position: relative;\n  width: var(--skeleton-line-width, 100%);\n  height: 12px;\n  overflow: hidden;\n  border-radius: var(--gnome-radius-pill, 999px);\n  background-color: var(--skeleton-base);\n}\n\n/* Keyframes */\n\n@keyframes shimmer {\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n/* Dark mode */\n\n@media (prefers-color-scheme: dark) {\n  .skeleton {\n    --skeleton-base: var(--gnome-skeleton-base-color, rgba(255, 255, 255, 0.12));\n    --skeleton-highlight: var(--gnome-skeleton-highlight-color, rgba(255, 255, 255, 0.18));\n  }\n}\n\n/* Reduced motion */\n\n@media (prefers-reduced-motion: reduce) {\n  .animated::after,\n  .animated .line::after {\n    animation: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Skeleton.module.css.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.module.css"],"sourcesContent":["/* Base */\n\n.skeleton {\n  --skeleton-base: var(--gnome-skeleton-base-color, rgb(0 0 0 / 0.09));\n  --skeleton-highlight: var(--gnome-skeleton-highlight-color, rgb(255 255 255 / 0.55));\n\n  position: relative;\n  display: block;\n  flex-shrink: 0;\n  overflow: hidden;\n  background-color: var(--skeleton-base);\n}\n\n.skeleton::after,\n.line::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  transform: translateX(-100%);\n  background: linear-gradient(90deg, transparent, var(--skeleton-highlight), transparent);\n}\n\n.animated::after,\n.animated .line::after {\n  animation: shimmer 1.4s var(--gnome-easing-default, ease) infinite;\n}\n\n/* Variants */\n\n.rect {\n  border-radius: var(--gnome-radius-md, 6px);\n}\n\n.circle {\n  border-radius: 50%;\n}\n\n.text {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 8px;\n  background-color: transparent;\n}\n\n.text::after {\n  display: none;\n}\n\n.line {\n  position: relative;\n  width: var(--skeleton-line-width, 100%);\n  height: 12px;\n  overflow: hidden;\n  border-radius: var(--gnome-radius-pill, 999px);\n  background-color: var(--skeleton-base);\n}\n\n/* Keyframes */\n\n@keyframes shimmer {\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n/* Dark mode */\n\n@media (prefers-color-scheme: dark) {\n  .skeleton {\n    --skeleton-base: var(--gnome-skeleton-base-color, rgb(255 255 255 / 0.12));\n    --skeleton-highlight: var(--gnome-skeleton-highlight-color, rgb(255 255 255 / 0.18));\n  }\n}\n\n/* Reduced motion */\n\n@media (prefers-reduced-motion: reduce) {\n  .animated::after,\n  .animated .line::after {\n    animation: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,11 +1,11 @@
 var e = {
-	skeleton: "_skeleton_sxiec_3",
-	line: "_line_sxiec_15",
-	animated: "_animated_sxiec_23",
-	shimmer: "_shimmer_sxiec_1",
-	rect: "_rect_sxiec_30",
-	circle: "_circle_sxiec_34",
-	text: "_text_sxiec_38"
+	skeleton: "_skeleton_1cr2u_3",
+	line: "_line_1cr2u_15",
+	animated: "_animated_1cr2u_23",
+	shimmer: "_shimmer_1cr2u_1",
+	rect: "_rect_1cr2u_30",
+	circle: "_circle_1cr2u_34",
+	text: "_text_1cr2u_38"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.module.css.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.module.css"],"sourcesContent":["/* Base */\n\n.skeleton {\n  --skeleton-base: var(--gnome-skeleton-base-color, rgba(0, 0, 0, 0.09));\n  --skeleton-highlight: var(--gnome-skeleton-highlight-color, rgba(255, 255, 255, 0.55));\n\n  position: relative;\n  display: block;\n  flex-shrink: 0;\n  overflow: hidden;\n  background-color: var(--skeleton-base);\n}\n\n.skeleton::after,\n.line::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  transform: translateX(-100%);\n  background: linear-gradient(90deg, transparent, var(--skeleton-highlight), transparent);\n}\n\n.animated::after,\n.animated .line::after {\n  animation: shimmer 1.4s var(--gnome-easing-default, ease) infinite;\n}\n\n/* Variants */\n\n.rect {\n  border-radius: var(--gnome-radius-md, 6px);\n}\n\n.circle {\n  border-radius: 50%;\n}\n\n.text {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 8px;\n  background-color: transparent;\n}\n\n.text::after {\n  display: none;\n}\n\n.line {\n  position: relative;\n  width: var(--skeleton-line-width, 100%);\n  height: 12px;\n  overflow: hidden;\n  border-radius: var(--gnome-radius-pill, 999px);\n  background-color: var(--skeleton-base);\n}\n\n/* Keyframes */\n\n@keyframes shimmer {\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n/* Dark mode */\n\n@media (prefers-color-scheme: dark) {\n  .skeleton {\n    --skeleton-base: var(--gnome-skeleton-base-color, rgba(255, 255, 255, 0.12));\n    --skeleton-highlight: var(--gnome-skeleton-highlight-color, rgba(255, 255, 255, 0.18));\n  }\n}\n\n/* Reduced motion */\n\n@media (prefers-reduced-motion: reduce) {\n  .animated::after,\n  .animated .line::after {\n    animation: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Skeleton.module.css.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.module.css"],"sourcesContent":["/* Base */\n\n.skeleton {\n  --skeleton-base: var(--gnome-skeleton-base-color, rgb(0 0 0 / 0.09));\n  --skeleton-highlight: var(--gnome-skeleton-highlight-color, rgb(255 255 255 / 0.55));\n\n  position: relative;\n  display: block;\n  flex-shrink: 0;\n  overflow: hidden;\n  background-color: var(--skeleton-base);\n}\n\n.skeleton::after,\n.line::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  transform: translateX(-100%);\n  background: linear-gradient(90deg, transparent, var(--skeleton-highlight), transparent);\n}\n\n.animated::after,\n.animated .line::after {\n  animation: shimmer 1.4s var(--gnome-easing-default, ease) infinite;\n}\n\n/* Variants */\n\n.rect {\n  border-radius: var(--gnome-radius-md, 6px);\n}\n\n.circle {\n  border-radius: 50%;\n}\n\n.text {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: 8px;\n  background-color: transparent;\n}\n\n.text::after {\n  display: none;\n}\n\n.line {\n  position: relative;\n  width: var(--skeleton-line-width, 100%);\n  height: 12px;\n  overflow: hidden;\n  border-radius: var(--gnome-radius-pill, 999px);\n  background-color: var(--skeleton-base);\n}\n\n/* Keyframes */\n\n@keyframes shimmer {\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n/* Dark mode */\n\n@media (prefers-color-scheme: dark) {\n  .skeleton {\n    --skeleton-base: var(--gnome-skeleton-base-color, rgb(255 255 255 / 0.12));\n    --skeleton-highlight: var(--gnome-skeleton-highlight-color, rgb(255 255 255 / 0.18));\n  }\n}\n\n/* Reduced motion */\n\n@media (prefers-reduced-motion: reduce) {\n  .animated::after,\n  .animated .line::after {\n    animation: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={wrapper:`_wrapper_qpwn3_3`,hasLabels:`_hasLabels_qpwn3_11`,track:`_track_qpwn3_17`,disabled:`_disabled_qpwn3_42`,fill:`_fill_qpwn3_50`,thumb:`_thumb_qpwn3_64`,tick:`_tick_qpwn3_97`,labels:`_labels_qpwn3_112`,markLabel:`_markLabel_qpwn3_119`};exports.default=e;
+var e={wrapper:`_wrapper_1ix6g_3`,hasLabels:`_hasLabels_1ix6g_12`,track:`_track_1ix6g_18`,disabled:`_disabled_1ix6g_40`,fill:`_fill_1ix6g_48`,thumb:`_thumb_1ix6g_60`,tick:`_tick_1ix6g_90`,labels:`_labels_1ix6g_103`,markLabel:`_markLabel_1ix6g_110`};exports.default=e;
 //# sourceMappingURL=Slider.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.module.css.cjs","names":[],"sources":["../../../src/components/Slider/Slider.module.css"],"sourcesContent":["/* ─── Outer wrapper ──────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  /* Vertical space for thumb overflow */\n  padding: 10px 0;\n}\n\n.hasLabels {\n  padding-bottom: 0;\n}\n\n/* ─── Track ──────────────────────────────────────────────────────────────────── */\n\n.track {\n  position: relative;\n  width: 100%;\n  height: 6px;\n\n  background-color: var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-pill, 9999px);\n\n  cursor: pointer;\n  touch-action: none; /* prevent scroll interference during drag */\n  user-select: none;\n\n  outline: none;\n}\n\n.track:focus-visible {\n  /* Focus ring on the track itself as a fallback */\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ───────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Filled section (left of thumb) ────────────────────────────────────────── */\n\n.fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  border-radius: var(--gnome-radius-pill, 9999px);\n\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n\n  pointer-events: none;\n}\n\n/* ─── Thumb ──────────────────────────────────────────────────────────────────── */\n\n.thumb {\n  position: absolute;\n  top: 50%;\n  /* Translate left by half thumb width so it centres on the left edge of .fill */\n  transform: translate(-50%, -50%);\n\n  width: 22px;\n  height: 22px;\n  border-radius: var(--gnome-radius-pill, 9999px);\n\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  box-shadow:\n    0 1px 3px rgba(0, 0, 0, 0.25),\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n\n  pointer-events: none;\n\n  transition:\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    box-shadow var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n/* Slightly larger thumb on focus / active drag */\n.track:focus-visible .thumb,\n.track:active .thumb {\n  transform: translate(-50%, -50%) scale(1.18);\n  box-shadow:\n    0 2px 6px rgba(0, 0, 0, 0.3),\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Tick marks ─────────────────────────────────────────────────────────────── */\n\n.tick {\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  pointer-events: none;\n}\n\n/* ─── Labels row ─────────────────────────────────────────────────────────────── */\n\n.labels {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  margin-top: var(--gnome-space-1, 6px);\n}\n\n.markLabel {\n  position: absolute;\n  transform: translateX(-50%);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  line-height: 1;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .track {\n    background-color: rgba(255, 255, 255, 0.15);\n  }\n\n  .thumb {\n    box-shadow:\n      0 1px 4px rgba(0, 0, 0, 0.5),\n      0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .track:focus-visible .thumb,\n  .track:active .thumb {\n    box-shadow:\n      0 2px 8px rgba(0, 0, 0, 0.6),\n      0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .tick {\n    background-color: var(--gnome-window-bg-color, #242424);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .thumb {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Slider.module.css.cjs","names":[],"sources":["../../../src/components/Slider/Slider.module.css"],"sourcesContent":["/* ─── Outer wrapper ──────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  /* Vertical space for thumb overflow */\n  padding: 10px 0;\n}\n\n.hasLabels {\n  padding-bottom: 0;\n}\n\n/* ─── Track ──────────────────────────────────────────────────────────────────── */\n\n.track {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  background-color: var(--gnome-card-shade-color, rgb(0 0 0 / 0.15));\n  border-radius: var(--gnome-radius-pill, 9999px);\n  cursor: pointer;\n  touch-action: none; /* prevent scroll interference during drag */\n  user-select: none;\n  outline: none;\n}\n\n.track:focus-visible {\n  /* Focus ring on the track itself as a fallback */\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ───────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Filled section (left of thumb) ────────────────────────────────────────── */\n\n.fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  border-radius: var(--gnome-radius-pill, 9999px);\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  pointer-events: none;\n}\n\n/* ─── Thumb ──────────────────────────────────────────────────────────────────── */\n\n.thumb {\n  position: absolute;\n  top: 50%;\n\n  /* Translate left by half thumb width so it centres on the left edge of .fill */\n  transform: translate(-50%, -50%);\n  width: 22px;\n  height: 22px;\n  border-radius: var(--gnome-radius-pill, 9999px);\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  box-shadow:\n    0 1px 3px rgb(0 0 0 / 0.25),\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n  pointer-events: none;\n  transition:\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    box-shadow var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n/* Slightly larger thumb on focus / active drag */\n.track:focus-visible .thumb,\n.track:active .thumb {\n  transform: translate(-50%, -50%) scale(1.18);\n  box-shadow:\n    0 2px 6px rgb(0 0 0 / 0.3),\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Tick marks ─────────────────────────────────────────────────────────────── */\n\n.tick {\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  pointer-events: none;\n}\n\n/* ─── Labels row ─────────────────────────────────────────────────────────────── */\n\n.labels {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  margin-top: var(--gnome-space-1, 6px);\n}\n\n.markLabel {\n  position: absolute;\n  transform: translateX(-50%);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  line-height: 1;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .track {\n    background-color: rgb(255 255 255 / 0.15);\n  }\n\n  .thumb {\n    box-shadow:\n      0 1px 4px rgb(0 0 0 / 0.5),\n      0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .track:focus-visible .thumb,\n  .track:active .thumb {\n    box-shadow:\n      0 2px 8px rgb(0 0 0 / 0.6),\n      0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .tick {\n    background-color: var(--gnome-window-bg-color, #242424);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .thumb {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
 var e = {
-	wrapper: "_wrapper_qpwn3_3",
-	hasLabels: "_hasLabels_qpwn3_11",
-	track: "_track_qpwn3_17",
-	disabled: "_disabled_qpwn3_42",
-	fill: "_fill_qpwn3_50",
-	thumb: "_thumb_qpwn3_64",
-	tick: "_tick_qpwn3_97",
-	labels: "_labels_qpwn3_112",
-	markLabel: "_markLabel_qpwn3_119"
+	wrapper: "_wrapper_1ix6g_3",
+	hasLabels: "_hasLabels_1ix6g_12",
+	track: "_track_1ix6g_18",
+	disabled: "_disabled_1ix6g_40",
+	fill: "_fill_1ix6g_48",
+	thumb: "_thumb_1ix6g_60",
+	tick: "_tick_1ix6g_90",
+	labels: "_labels_1ix6g_103",
+	markLabel: "_markLabel_1ix6g_110"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.module.css.js","names":[],"sources":["../../../src/components/Slider/Slider.module.css"],"sourcesContent":["/* ─── Outer wrapper ──────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  /* Vertical space for thumb overflow */\n  padding: 10px 0;\n}\n\n.hasLabels {\n  padding-bottom: 0;\n}\n\n/* ─── Track ──────────────────────────────────────────────────────────────────── */\n\n.track {\n  position: relative;\n  width: 100%;\n  height: 6px;\n\n  background-color: var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-pill, 9999px);\n\n  cursor: pointer;\n  touch-action: none; /* prevent scroll interference during drag */\n  user-select: none;\n\n  outline: none;\n}\n\n.track:focus-visible {\n  /* Focus ring on the track itself as a fallback */\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ───────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Filled section (left of thumb) ────────────────────────────────────────── */\n\n.fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  border-radius: var(--gnome-radius-pill, 9999px);\n\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n\n  pointer-events: none;\n}\n\n/* ─── Thumb ──────────────────────────────────────────────────────────────────── */\n\n.thumb {\n  position: absolute;\n  top: 50%;\n  /* Translate left by half thumb width so it centres on the left edge of .fill */\n  transform: translate(-50%, -50%);\n\n  width: 22px;\n  height: 22px;\n  border-radius: var(--gnome-radius-pill, 9999px);\n\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  box-shadow:\n    0 1px 3px rgba(0, 0, 0, 0.25),\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n\n  pointer-events: none;\n\n  transition:\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    box-shadow var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n/* Slightly larger thumb on focus / active drag */\n.track:focus-visible .thumb,\n.track:active .thumb {\n  transform: translate(-50%, -50%) scale(1.18);\n  box-shadow:\n    0 2px 6px rgba(0, 0, 0, 0.3),\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Tick marks ─────────────────────────────────────────────────────────────── */\n\n.tick {\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  pointer-events: none;\n}\n\n/* ─── Labels row ─────────────────────────────────────────────────────────────── */\n\n.labels {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  margin-top: var(--gnome-space-1, 6px);\n}\n\n.markLabel {\n  position: absolute;\n  transform: translateX(-50%);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  line-height: 1;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .track {\n    background-color: rgba(255, 255, 255, 0.15);\n  }\n\n  .thumb {\n    box-shadow:\n      0 1px 4px rgba(0, 0, 0, 0.5),\n      0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .track:focus-visible .thumb,\n  .track:active .thumb {\n    box-shadow:\n      0 2px 8px rgba(0, 0, 0, 0.6),\n      0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .tick {\n    background-color: var(--gnome-window-bg-color, #242424);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .thumb {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Slider.module.css.js","names":[],"sources":["../../../src/components/Slider/Slider.module.css"],"sourcesContent":["/* ─── Outer wrapper ──────────────────────────────────────────────────────────── */\n\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  /* Vertical space for thumb overflow */\n  padding: 10px 0;\n}\n\n.hasLabels {\n  padding-bottom: 0;\n}\n\n/* ─── Track ──────────────────────────────────────────────────────────────────── */\n\n.track {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  background-color: var(--gnome-card-shade-color, rgb(0 0 0 / 0.15));\n  border-radius: var(--gnome-radius-pill, 9999px);\n  cursor: pointer;\n  touch-action: none; /* prevent scroll interference during drag */\n  user-select: none;\n  outline: none;\n}\n\n.track:focus-visible {\n  /* Focus ring on the track itself as a fallback */\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ───────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Filled section (left of thumb) ────────────────────────────────────────── */\n\n.fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  border-radius: var(--gnome-radius-pill, 9999px);\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  pointer-events: none;\n}\n\n/* ─── Thumb ──────────────────────────────────────────────────────────────────── */\n\n.thumb {\n  position: absolute;\n  top: 50%;\n\n  /* Translate left by half thumb width so it centres on the left edge of .fill */\n  transform: translate(-50%, -50%);\n  width: 22px;\n  height: 22px;\n  border-radius: var(--gnome-radius-pill, 9999px);\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  box-shadow:\n    0 1px 3px rgb(0 0 0 / 0.25),\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n  pointer-events: none;\n  transition:\n    transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    box-shadow var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n/* Slightly larger thumb on focus / active drag */\n.track:focus-visible .thumb,\n.track:active .thumb {\n  transform: translate(-50%, -50%) scale(1.18);\n  box-shadow:\n    0 2px 6px rgb(0 0 0 / 0.3),\n    0 0 0 2px var(--gnome-window-bg-color, #fafafa);\n}\n\n/* ─── Tick marks ─────────────────────────────────────────────────────────────── */\n\n.tick {\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: var(--gnome-window-bg-color, #fafafa);\n  pointer-events: none;\n}\n\n/* ─── Labels row ─────────────────────────────────────────────────────────────── */\n\n.labels {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  margin-top: var(--gnome-space-1, 6px);\n}\n\n.markLabel {\n  position: absolute;\n  transform: translateX(-50%);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  line-height: 1;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .track {\n    background-color: rgb(255 255 255 / 0.15);\n  }\n\n  .thumb {\n    box-shadow:\n      0 1px 4px rgb(0 0 0 / 0.5),\n      0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .track:focus-visible .thumb,\n  .track:active .thumb {\n    box-shadow:\n      0 2px 8px rgb(0 0 0 / 0.6),\n      0 0 0 2px var(--gnome-window-bg-color, #242424);\n  }\n\n  .tick {\n    background-color: var(--gnome-window-bg-color, #242424);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .thumb {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={spin:`_spin_1hjdp_3`,disabled:`_disabled_1hjdp_37`,btn:`_btn_1hjdp_44`,value:`_value_1hjdp_89`};exports.default=e;
+var e={spin:`_spin_eu20a_3`,disabled:`_disabled_eu20a_34`,btn:`_btn_eu20a_41`,value:`_value_eu20a_83`};exports.default=e;
 //# sourceMappingURL=SpinButton.module.css.cjs.map