@gnome-ui/react 1.45.1 → 1.45.2

package/dist/components/Toast/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport styles from './Toast.module.css';\n\nexport interface ToasterProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Where to render the toast stack.\n   * - `bottom` (default) — bottom-center, following the GNOME HIG.\n   * - `top` — top-center.\n   */\n  position?: 'bottom' | 'top';\n  /** `<Toast>` elements to display. */\n  children?: ReactNode;\n  /**\n   * DOM node to render the portal into.\n   * Defaults to `document.body`.\n   */\n  container?: Element | DocumentFragment;\n}\n\n/**\n * Fixed-position overlay that stacks `<Toast>` notifications.\n *\n * Renders into a portal (default: `document.body`) so it sits above all\n * other content regardless of where you place it in the React tree.\n *\n * @example\n * <Toaster>\n *   {toasts.map(t => (\n *     <Toast key={t.id} title={t.message} onDismiss={() => remove(t.id)} />\n *   ))}\n * </Toaster>\n */\nexport function Toaster({\n  position = 'bottom',\n  children,\n  container,\n  className,\n  ...props\n}: ToasterProps) {\n  const node = (\n    <div\n      aria-label=\"Notifications\"\n      className={[\n        styles.toaster,\n        position === 'top' ? styles.toasterTop : styles.toasterBottom,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n\n  // During SSR document is not available — render inline\n  if (typeof document === 'undefined') {\n    return node;\n  }\n\n  return createPortal(node, container ?? document.body);\n}\n"],"mappings":";;;;AAmCA,SAAgB,EAAQ,EACtB,cAAW,UACX,aACA,cACA,cACA,GAAG,KACY;CACf,IAAM,IACJ,kBAAC,OAAD;EACE,cAAW;EACX,WAAW;GACT,EAAO;GACP,MAAa,QAAQ,EAAO,aAAa,EAAO;GAChD;GACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;EAEH;EACG,CAAA;AAQR,QAJI,OAAO,WAAa,MACf,IAGF,EAAa,GAAM,KAAa,SAAS,KAAK"}
+{"version":3,"file":"Toaster.js","names":[],"sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport styles from './Toast.module.css';\n\nexport interface ToasterProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Where to render the toast stack.\n   * - `bottom` (default) — bottom-center, following the GNOME HIG.\n   * - `top` — top-center.\n   */\n  position?: 'bottom' | 'top';\n  /** `<Toast>` elements to display. */\n  children?: ReactNode;\n  /**\n   * DOM node to render the portal into.\n   * Defaults to `document.body`.\n   */\n  container?: Element | DocumentFragment;\n}\n\n/**\n * Fixed-position overlay that stacks `<Toast>` notifications.\n *\n * Renders into a portal (default: `document.body`) so it sits above all\n * other content regardless of where you place it in the React tree.\n *\n * @example\n * <Toaster>\n *   {toasts.map(t => (\n *     <Toast key={t.id} title={t.message} onDismiss={() => remove(t.id)} />\n *   ))}\n * </Toaster>\n */\nexport const Toaster = ({\n  position = 'bottom',\n  children,\n  container,\n  className,\n  ...props\n}: ToasterProps) => {\n  const node = (\n    <div\n      aria-label=\"Notifications\"\n      className={[\n        styles.toaster,\n        position === 'top' ? styles.toasterTop : styles.toasterBottom,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n\n  // During SSR document is not available — render inline\n  if (typeof document === 'undefined') {\n    return node;\n  }\n\n  return createPortal(node, container ?? document.body);\n};\n"],"mappings":";;;;AAmCA,IAAa,KAAW,EACtB,cAAW,UACX,aACA,cACA,cACA,GAAG,QACe;CAClB,IAAM,IACJ,kBAAC,OAAD;EACE,cAAW;EACX,WAAW;GACT,EAAO;GACP,MAAa,QAAQ,EAAO,aAAa,EAAO;GAChD;EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;EACX,GAAI;EAEH;CACE,CAAA;CAQP,OAJI,OAAO,WAAa,MACf,IAGF,EAAa,GAAM,KAAa,SAAS,IAAI;AACtD"}

package/dist/components/Toast.cjs

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

package/dist/components/ToggleGroup/ToggleGroup.cjs

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

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

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

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -25,5 +25,5 @@ export interface ToggleGroupProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ToggleGroup.html
  */
-export declare function ToggleGroup({ value, onValueChange, 'aria-label': ariaLabel, children, className, ...props }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const ToggleGroup: ({ value, onValueChange, "aria-label": ariaLabel, children, className, ...props }: ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -8,7 +8,7 @@ function o() {
 	if (!e) throw Error("ToggleGroupItem must be used inside ToggleGroup");
 	return e;
 }
-function s({ value: t, onValueChange: n, "aria-label": o = "Options", children: s, className: c, ...l }) {
+var s = ({ value: t, onValueChange: n, "aria-label": o = "Options", children: s, className: c, ...l }) => {
 	let u = r(null);
 	function d(e) {
 		let t = Array.from(u.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = document.activeElement, r = n instanceof HTMLButtonElement ? t.indexOf(n) : -1;
@@ -36,7 +36,7 @@ function s({ value: t, onValueChange: n, "aria-label": o = "Options", children:
 			children: s
 		})
 	});
-}
+};
 //#endregion
 export { s as ToggleGroup, o as useToggleGroup };
 

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

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

package/dist/components/ToggleGroup/ToggleGroupItem.cjs

@@ -1,2 +1,2 @@
-const e=require(`../Icon/Icon.cjs`),t=require(`./ToggleGroup.module.css.cjs`),n=require(`./ToggleGroup.cjs`);let r=require(`react/jsx-runtime`);function i({name:i,label:a,icon:o,disabled:s,className:c,...l}){let{value:u,onValueChange:d}=n.useToggleGroup(),f=u===i,p=o&&!a;return(0,r.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":f,tabIndex:f?0:-1,disabled:s,onClick:()=>d(i),className:[t.default.item,f?t.default.active:null,p?t.default.iconOnly:null,c].filter(Boolean).join(` `),...l,children:[o&&(0,r.jsx)(`span`,{className:t.default.itemIcon,children:(0,r.jsx)(e.Icon,{icon:o,size:`md`,"aria-hidden":!0})}),a&&(0,r.jsx)(`span`,{className:t.default.itemLabel,children:a})]})}exports.ToggleGroupItem=i;
+const e=require("../Icon/Icon.cjs"),t=require("./ToggleGroup.module.css.cjs"),n=require("./ToggleGroup.cjs");let r=require("react/jsx-runtime");var i=({name:i,label:a,icon:o,disabled:s,className:c,...l})=>{let{value:u,onValueChange:d}=n.useToggleGroup(),f=u===i,p=o&&!a;return(0,r.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":f,tabIndex:f?0:-1,disabled:s,onClick:()=>d(i),className:[t.default.item,f?t.default.active:null,p?t.default.iconOnly:null,c].filter(Boolean).join(` `),...l,children:[o&&(0,r.jsx)(`span`,{className:t.default.itemIcon,children:(0,r.jsx)(e.Icon,{icon:o,size:`md`,"aria-hidden":!0})}),a&&(0,r.jsx)(`span`,{className:t.default.itemLabel,children:a})]})};exports.ToggleGroupItem=i;
 //# sourceMappingURL=ToggleGroupItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupItem.cjs","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroupItem.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport { useToggleGroup } from './ToggleGroup';\nimport styles from './ToggleGroup.module.css';\n\nexport interface ToggleGroupItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** String identifier — used as the group's `value` when this item is selected. */\n  name: string;\n  /** Visible label. Omit for icon-only items (provide `aria-label` instead). */\n  label?: string;\n  /** Icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n}\n\n/**\n * Individual toggle inside a `ToggleGroup`.\n *\n * Can be icon-only, label-only, or icon + label. For icon-only items always\n * provide an `aria-label` so screen readers can identify the option.\n */\nexport function ToggleGroupItem({\n  name,\n  label,\n  icon,\n  disabled,\n  className,\n  ...props\n}: ToggleGroupItemProps) {\n  const { value, onValueChange } = useToggleGroup();\n  const active = value === name;\n  const iconOnly = icon && !label;\n\n  return (\n    <button\n      type=\"button\"\n      role=\"radio\"\n      aria-checked={active}\n      tabIndex={active ? 0 : -1}\n      disabled={disabled}\n      onClick={() => onValueChange(name)}\n      className={[\n        styles.item,\n        active ? styles.active : null,\n        iconOnly ? styles.iconOnly : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {icon && (\n        <span className={styles.itemIcon}>\n          <Icon icon={icon} size=\"md\" aria-hidden />\n        </span>\n      )}\n      {label && <span className={styles.itemLabel}>{label}</span>}\n    </button>\n  );\n}\n"],"mappings":"gJAuBA,SAAgB,EAAgB,CAC9B,OACA,QACA,OACA,WACA,YACA,GAAG,GACoB,CACvB,GAAM,CAAE,QAAO,iBAAkB,EAAA,gBAAgB,CAC3C,EAAS,IAAU,EACnB,EAAW,GAAQ,CAAC,EAE1B,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,KAAK,QACL,eAAc,EACd,SAAU,EAAS,EAAI,GACb,WACV,YAAe,EAAc,EAAK,CAClC,UAAW,CACT,EAAA,QAAO,KACP,EAAS,EAAA,QAAO,OAAS,KACzB,EAAW,EAAA,QAAO,SAAW,KAC7B,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAfN,CAiBG,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBACtB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,KAAK,KAAK,cAAA,GAAc,CAAA,CACrC,CAAA,CAER,IAAS,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,EAAa,CAAA,CACpD"}
+{"version":3,"file":"ToggleGroupItem.cjs","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroupItem.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport { useToggleGroup } from './ToggleGroup';\nimport styles from './ToggleGroup.module.css';\n\nexport interface ToggleGroupItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** String identifier — used as the group's `value` when this item is selected. */\n  name: string;\n  /** Visible label. Omit for icon-only items (provide `aria-label` instead). */\n  label?: string;\n  /** Icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n}\n\n/**\n * Individual toggle inside a `ToggleGroup`.\n *\n * Can be icon-only, label-only, or icon + label. For icon-only items always\n * provide an `aria-label` so screen readers can identify the option.\n */\nexport const ToggleGroupItem = ({\n  name,\n  label,\n  icon,\n  disabled,\n  className,\n  ...props\n}: ToggleGroupItemProps) => {\n  const { value, onValueChange } = useToggleGroup();\n  const active = value === name;\n  const iconOnly = icon && !label;\n\n  return (\n    <button\n      type=\"button\"\n      role=\"radio\"\n      aria-checked={active}\n      tabIndex={active ? 0 : -1}\n      disabled={disabled}\n      onClick={() => onValueChange(name)}\n      className={[\n        styles.item,\n        active ? styles.active : null,\n        iconOnly ? styles.iconOnly : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {icon && (\n        <span className={styles.itemIcon}>\n          <Icon icon={icon} size=\"md\" aria-hidden />\n        </span>\n      )}\n      {label && <span className={styles.itemLabel}>{label}</span>}\n    </button>\n  );\n};\n"],"mappings":"gJAuBA,IAAa,GAAmB,CAC9B,OACA,QACA,OACA,WACA,YACA,GAAG,KACuB,CAC1B,GAAM,CAAE,QAAO,iBAAkB,EAAA,eAAe,EAC1C,EAAS,IAAU,EACnB,EAAW,GAAQ,CAAC,EAE1B,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,KAAK,QACL,eAAc,EACd,SAAU,EAAS,EAAI,GACb,WACV,YAAe,EAAc,CAAI,EACjC,UAAW,CACT,EAAA,QAAO,KACP,EAAS,EAAA,QAAO,OAAS,KACzB,EAAW,EAAA,QAAO,SAAW,KAC7B,CACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EACX,GAAI,WAfN,CAiBG,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBACtB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,KAAK,KAAK,cAAA,EAAa,CAAA,CACrC,CAAA,EAEP,IAAS,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,CAAY,CAAA,CACpD,GAEZ"}

package/dist/components/ToggleGroup/ToggleGroupItem.d.ts

@@ -14,4 +14,4 @@ export interface ToggleGroupItemProps extends ButtonHTMLAttributes<HTMLButtonEle
  * Can be icon-only, label-only, or icon + label. For icon-only items always
  * provide an `aria-label` so screen readers can identify the option.
  */
-export declare function ToggleGroupItem({ name, label, icon, disabled, className, ...props }: ToggleGroupItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const ToggleGroupItem: ({ name, label, icon, disabled, className, ...props }: ToggleGroupItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ToggleGroup/ToggleGroupItem.js

@@ -3,7 +3,7 @@ import t from "./ToggleGroup.module.css.js";
 import { useToggleGroup as n } from "./ToggleGroup.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/ToggleGroup/ToggleGroupItem.tsx
-function a({ name: a, label: o, icon: s, disabled: c, className: l, ...u }) {
+var a = ({ name: a, label: o, icon: s, disabled: c, className: l, ...u }) => {
 	let { value: d, onValueChange: f } = n(), p = d === a, m = s && !o;
 	return /* @__PURE__ */ i("button", {
 		type: "button",
@@ -31,7 +31,7 @@ function a({ name: a, label: o, icon: s, disabled: c, className: l, ...u }) {
 			children: o
 		})]
 	});
-}
+};
 //#endregion
 export { a as ToggleGroupItem };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupItem.js","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroupItem.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport { useToggleGroup } from './ToggleGroup';\nimport styles from './ToggleGroup.module.css';\n\nexport interface ToggleGroupItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** String identifier — used as the group's `value` when this item is selected. */\n  name: string;\n  /** Visible label. Omit for icon-only items (provide `aria-label` instead). */\n  label?: string;\n  /** Icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n}\n\n/**\n * Individual toggle inside a `ToggleGroup`.\n *\n * Can be icon-only, label-only, or icon + label. For icon-only items always\n * provide an `aria-label` so screen readers can identify the option.\n */\nexport function ToggleGroupItem({\n  name,\n  label,\n  icon,\n  disabled,\n  className,\n  ...props\n}: ToggleGroupItemProps) {\n  const { value, onValueChange } = useToggleGroup();\n  const active = value === name;\n  const iconOnly = icon && !label;\n\n  return (\n    <button\n      type=\"button\"\n      role=\"radio\"\n      aria-checked={active}\n      tabIndex={active ? 0 : -1}\n      disabled={disabled}\n      onClick={() => onValueChange(name)}\n      className={[\n        styles.item,\n        active ? styles.active : null,\n        iconOnly ? styles.iconOnly : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {icon && (\n        <span className={styles.itemIcon}>\n          <Icon icon={icon} size=\"md\" aria-hidden />\n        </span>\n      )}\n      {label && <span className={styles.itemLabel}>{label}</span>}\n    </button>\n  );\n}\n"],"mappings":";;;;;AAuBA,SAAgB,EAAgB,EAC9B,SACA,UACA,SACA,aACA,cACA,GAAG,KACoB;CACvB,IAAM,EAAE,UAAO,qBAAkB,GAAgB,EAC3C,IAAS,MAAU,GACnB,IAAW,KAAQ,CAAC;AAE1B,QACE,kBAAC,UAAD;EACE,MAAK;EACL,MAAK;EACL,gBAAc;EACd,UAAU,IAAS,IAAI;EACb;EACV,eAAe,EAAc,EAAK;EAClC,WAAW;GACT,EAAO;GACP,IAAS,EAAO,SAAS;GACzB,IAAW,EAAO,WAAW;GAC7B;GACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAfN,CAiBG,KACC,kBAAC,QAAD;GAAM,WAAW,EAAO;aACtB,kBAAC,GAAD;IAAY;IAAM,MAAK;IAAK,eAAA;IAAc,CAAA;GACrC,CAAA,EAER,KAAS,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAY;GAAa,CAAA,CACpD"}
+{"version":3,"file":"ToggleGroupItem.js","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroupItem.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport { useToggleGroup } from './ToggleGroup';\nimport styles from './ToggleGroup.module.css';\n\nexport interface ToggleGroupItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** String identifier — used as the group's `value` when this item is selected. */\n  name: string;\n  /** Visible label. Omit for icon-only items (provide `aria-label` instead). */\n  label?: string;\n  /** Icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n}\n\n/**\n * Individual toggle inside a `ToggleGroup`.\n *\n * Can be icon-only, label-only, or icon + label. For icon-only items always\n * provide an `aria-label` so screen readers can identify the option.\n */\nexport const ToggleGroupItem = ({\n  name,\n  label,\n  icon,\n  disabled,\n  className,\n  ...props\n}: ToggleGroupItemProps) => {\n  const { value, onValueChange } = useToggleGroup();\n  const active = value === name;\n  const iconOnly = icon && !label;\n\n  return (\n    <button\n      type=\"button\"\n      role=\"radio\"\n      aria-checked={active}\n      tabIndex={active ? 0 : -1}\n      disabled={disabled}\n      onClick={() => onValueChange(name)}\n      className={[\n        styles.item,\n        active ? styles.active : null,\n        iconOnly ? styles.iconOnly : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {icon && (\n        <span className={styles.itemIcon}>\n          <Icon icon={icon} size=\"md\" aria-hidden />\n        </span>\n      )}\n      {label && <span className={styles.itemLabel}>{label}</span>}\n    </button>\n  );\n};\n"],"mappings":";;;;;AAuBA,IAAa,KAAmB,EAC9B,SACA,UACA,SACA,aACA,cACA,GAAG,QACuB;CAC1B,IAAM,EAAE,UAAO,qBAAkB,EAAe,GAC1C,IAAS,MAAU,GACnB,IAAW,KAAQ,CAAC;CAE1B,OACE,kBAAC,UAAD;EACE,MAAK;EACL,MAAK;EACL,gBAAc;EACd,UAAU,IAAS,IAAI;EACb;EACV,eAAe,EAAc,CAAI;EACjC,WAAW;GACT,EAAO;GACP,IAAS,EAAO,SAAS;GACzB,IAAW,EAAO,WAAW;GAC7B;EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;EACX,GAAI;YAfN,CAiBG,KACC,kBAAC,QAAD;GAAM,WAAW,EAAO;aACtB,kBAAC,GAAD;IAAY;IAAM,MAAK;IAAK,eAAA;GAAa,CAAA;EACrC,CAAA,GAEP,KAAS,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAY;EAAY,CAAA,CACpD;;AAEZ"}

package/dist/components/ToggleGroup.cjs

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

package/dist/components/Toolbar/Spacer.cjs

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

package/dist/components/Toolbar/Spacer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.cjs","names":[],"sources":["../../../src/components/Toolbar/Spacer.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './Toolbar.module.css';\n\nexport type SpacerProps = HTMLAttributes<HTMLDivElement>;\n\n/**\n * Invisible `flex: 1` filler for `Toolbar` and `HeaderBar`.\n *\n * Place between leading and trailing groups to push trailing items to the end.\n * Mirrors `GtkSeparator` with the `.spacer` style class.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#spacer\n *\n * @example\n * <Toolbar>\n *   <Button variant=\"flat\">Back</Button>\n *   <Spacer />\n *   <Button variant=\"flat\">Done</Button>\n * </Toolbar>\n */\nexport function Spacer({ className, ...props }: SpacerProps) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={[styles.spacer, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n}\n"],"mappings":"+EAqBA,SAAgB,EAAO,CAAE,YAAW,GAAG,GAAsB,CAC3D,OACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,OACZ,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC/D,GAAI,EACJ,CAAA"}
+{"version":3,"file":"Spacer.cjs","names":[],"sources":["../../../src/components/Toolbar/Spacer.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './Toolbar.module.css';\n\nexport type SpacerProps = HTMLAttributes<HTMLDivElement>;\n\n/**\n * Invisible `flex: 1` filler for `Toolbar` and `HeaderBar`.\n *\n * Place between leading and trailing groups to push trailing items to the end.\n * Mirrors `GtkSeparator` with the `.spacer` style class.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#spacer\n *\n * @example\n * <Toolbar>\n *   <Button variant=\"flat\">Back</Button>\n *   <Spacer />\n *   <Button variant=\"flat\">Done</Button>\n * </Toolbar>\n */\nexport const Spacer = ({ className, ...props }: SpacerProps) => {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={[styles.spacer, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n};\n"],"mappings":"+EAqBA,IAAa,GAAU,CAAE,YAAW,GAAG,MAEnC,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,OACZ,UAAW,CAAC,EAAA,QAAO,OAAQ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC9D,GAAI,CACL,CAAA"}

package/dist/components/Toolbar/Spacer.d.ts

@@ -15,4 +15,4 @@ export type SpacerProps = HTMLAttributes<HTMLDivElement>;
  *   <Button variant="flat">Done</Button>
  * </Toolbar>
  */
-export declare function Spacer({ className, ...props }: SpacerProps): import("react/jsx-runtime").JSX.Element;
+export declare const Spacer: ({ className, ...props }: SpacerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/Spacer.js

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

package/dist/components/Toolbar/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.js","names":[],"sources":["../../../src/components/Toolbar/Spacer.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './Toolbar.module.css';\n\nexport type SpacerProps = HTMLAttributes<HTMLDivElement>;\n\n/**\n * Invisible `flex: 1` filler for `Toolbar` and `HeaderBar`.\n *\n * Place between leading and trailing groups to push trailing items to the end.\n * Mirrors `GtkSeparator` with the `.spacer` style class.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#spacer\n *\n * @example\n * <Toolbar>\n *   <Button variant=\"flat\">Back</Button>\n *   <Spacer />\n *   <Button variant=\"flat\">Done</Button>\n * </Toolbar>\n */\nexport function Spacer({ className, ...props }: SpacerProps) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={[styles.spacer, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;AAqBA,SAAgB,EAAO,EAAE,cAAW,GAAG,KAAsB;AAC3D,QACE,kBAAC,OAAD;EACE,eAAY;EACZ,WAAW,CAAC,EAAO,QAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC/D,GAAI;EACJ,CAAA"}
+{"version":3,"file":"Spacer.js","names":[],"sources":["../../../src/components/Toolbar/Spacer.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './Toolbar.module.css';\n\nexport type SpacerProps = HTMLAttributes<HTMLDivElement>;\n\n/**\n * Invisible `flex: 1` filler for `Toolbar` and `HeaderBar`.\n *\n * Place between leading and trailing groups to push trailing items to the end.\n * Mirrors `GtkSeparator` with the `.spacer` style class.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#spacer\n *\n * @example\n * <Toolbar>\n *   <Button variant=\"flat\">Back</Button>\n *   <Spacer />\n *   <Button variant=\"flat\">Done</Button>\n * </Toolbar>\n */\nexport const Spacer = ({ className, ...props }: SpacerProps) => {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={[styles.spacer, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;AAqBA,IAAa,KAAU,EAAE,cAAW,GAAG,QAEnC,kBAAC,OAAD;CACE,eAAY;CACZ,WAAW,CAAC,EAAO,QAAQ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAC9D,GAAI;AACL,CAAA"}

package/dist/components/Toolbar/Toolbar.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.cjs","names":[],"sources":["../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Toolbar.module.css';\n\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\n/**\n * Horizontal action bar following the libadwaita `.toolbar` pattern.\n *\n * Provides 6 px padding and gap — the standard spacing for rows of flat\n * buttons in header bars, action bars, and tool rows. Place `<Spacer />`\n * between leading and trailing groups to push trailing items to the end.\n *\n * Use `<Button variant=\"flat\">` or `<Button variant=\"raised\">` inside:\n * - `flat` for buttons that blend into the bar background.\n * - `raised` for buttons that need explicit elevation within a flat context.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#toolbar-style-class\n */\nexport function Toolbar({ children, className, ...props }: ToolbarProps) {\n  return (\n    <div className={[styles.toolbar, className].filter(Boolean).join(' ')} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"+EAqBA,SAAgB,EAAQ,CAAE,WAAU,YAAW,GAAG,GAAuB,CACvE,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,QAAS,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAE,GAAI,EACxE,WACG,CAAA"}
+{"version":3,"file":"Toolbar.cjs","names":[],"sources":["../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Toolbar.module.css';\n\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\n/**\n * Horizontal action bar following the libadwaita `.toolbar` pattern.\n *\n * Provides 6 px padding and gap — the standard spacing for rows of flat\n * buttons in header bars, action bars, and tool rows. Place `<Spacer />`\n * between leading and trailing groups to push trailing items to the end.\n *\n * Use `<Button variant=\"flat\">` or `<Button variant=\"raised\">` inside:\n * - `flat` for buttons that blend into the bar background.\n * - `raised` for buttons that need explicit elevation within a flat context.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#toolbar-style-class\n */\nexport const Toolbar = ({ children, className, ...props }: ToolbarProps) => {\n  return (\n    <div className={[styles.toolbar, className].filter(Boolean).join(' ')} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"mappings":"+EAqBA,IAAa,GAAW,CAAE,WAAU,YAAW,GAAG,MAE9C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,QAAS,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAG,GAAI,EACxE,UACE,CAAA"}

package/dist/components/Toolbar/Toolbar.d.ts

@@ -15,4 +15,4 @@ export interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#toolbar-style-class
  */
-export declare function Toolbar({ children, className, ...props }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare const Toolbar: ({ children, className, ...props }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toolbar/Toolbar.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","names":[],"sources":["../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Toolbar.module.css';\n\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\n/**\n * Horizontal action bar following the libadwaita `.toolbar` pattern.\n *\n * Provides 6 px padding and gap — the standard spacing for rows of flat\n * buttons in header bars, action bars, and tool rows. Place `<Spacer />`\n * between leading and trailing groups to push trailing items to the end.\n *\n * Use `<Button variant=\"flat\">` or `<Button variant=\"raised\">` inside:\n * - `flat` for buttons that blend into the bar background.\n * - `raised` for buttons that need explicit elevation within a flat context.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#toolbar-style-class\n */\nexport function Toolbar({ children, className, ...props }: ToolbarProps) {\n  return (\n    <div className={[styles.toolbar, className].filter(Boolean).join(' ')} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAqBA,SAAgB,EAAQ,EAAE,aAAU,cAAW,GAAG,KAAuB;AACvE,QACE,kBAAC,OAAD;EAAK,WAAW,CAAC,EAAO,SAAS,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAAE,GAAI;EACxE;EACG,CAAA"}
+{"version":3,"file":"Toolbar.js","names":[],"sources":["../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './Toolbar.module.css';\n\nexport interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\n/**\n * Horizontal action bar following the libadwaita `.toolbar` pattern.\n *\n * Provides 6 px padding and gap — the standard spacing for rows of flat\n * buttons in header bars, action bars, and tool rows. Place `<Spacer />`\n * between leading and trailing groups to push trailing items to the end.\n *\n * Use `<Button variant=\"flat\">` or `<Button variant=\"raised\">` inside:\n * - `flat` for buttons that blend into the bar background.\n * - `raised` for buttons that need explicit elevation within a flat context.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/1-latest/style-classes.html#toolbar-style-class\n */\nexport const Toolbar = ({ children, className, ...props }: ToolbarProps) => {\n  return (\n    <div className={[styles.toolbar, className].filter(Boolean).join(' ')} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;AAqBA,IAAa,KAAW,EAAE,aAAU,cAAW,GAAG,QAE9C,kBAAC,OAAD;CAAK,WAAW,CAAC,EAAO,SAAS,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAAG,GAAI;CACxE;AACE,CAAA"}

package/dist/components/Toolbar.cjs

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

package/dist/components/ToolbarView/ToolbarView.cjs

@@ -1,2 +1,2 @@
-const e=require(`./ToolbarView.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({topBar:n,bottomBar:r,children:i,className:a,...o}){return(0,t.jsxs)(`div`,{className:[e.default.toolbarView,a].filter(Boolean).join(` `),...o,children:[n&&(0,t.jsx)(`div`,{className:e.default.top,children:n}),(0,t.jsx)(`div`,{className:e.default.content,children:i}),r&&(0,t.jsx)(`div`,{className:e.default.bottom,children:r})]})}exports.ToolbarView=n;
+const e=require("./ToolbarView.module.css.cjs");let t=require("react/jsx-runtime");var n=({topBar:n,bottomBar:r,children:i,className:a,...o})=>(0,t.jsxs)(`div`,{className:[e.default.toolbarView,a].filter(Boolean).join(` `),...o,children:[n&&(0,t.jsx)(`div`,{className:e.default.top,children:n}),(0,t.jsx)(`div`,{className:e.default.content,children:i}),r&&(0,t.jsx)(`div`,{className:e.default.bottom,children:r})]});exports.ToolbarView=n;
 //# sourceMappingURL=ToolbarView.cjs.map

package/dist/components/ToolbarView/ToolbarView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarView.cjs","names":[],"sources":["../../../src/components/ToolbarView/ToolbarView.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './ToolbarView.module.css';\n\nexport interface ToolbarViewProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Bar(s) pinned to the top — typically a `HeaderBar` or `Toolbar`.\n   * Multiple bars stack vertically.\n   */\n  topBar?: ReactNode;\n  /**\n   * Bar(s) pinned to the bottom — typically a `Toolbar` or `ViewSwitcherBar`.\n   * Multiple bars stack vertically.\n   */\n  bottomBar?: ReactNode;\n  /** Scrollable content area between the bars. */\n  children?: ReactNode;\n}\n\n/**\n * Layout container that attaches bars at the top and/or bottom while\n * scrolling only the middle content.\n *\n * The top/bottom bars remain fixed; the inner content area gets\n * `overflow-y: auto` so it scrolls independently.\n *\n * Mirrors `AdwToolbarView`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ToolbarView.html\n */\nexport function ToolbarView({\n  topBar,\n  bottomBar,\n  children,\n  className,\n  ...props\n}: ToolbarViewProps) {\n  return (\n    <div className={[styles.toolbarView, className].filter(Boolean).join(' ')} {...props}>\n      {topBar && <div className={styles.top}>{topBar}</div>}\n      <div className={styles.content}>{children}</div>\n      {bottomBar && <div className={styles.bottom}>{bottomBar}</div>}\n    </div>\n  );\n}\n"],"mappings":"mFA8BA,SAAgB,EAAY,CAC1B,SACA,YACA,WACA,YACA,GAAG,GACgB,CACnB,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,YAAa,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAE,GAAI,WAA/E,CACG,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAM,EAAa,CAAA,EACrD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,WAAe,CAAA,CAC/C,IAAa,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,EAAgB,CAAA,CAC1D"}
+{"version":3,"file":"ToolbarView.cjs","names":[],"sources":["../../../src/components/ToolbarView/ToolbarView.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './ToolbarView.module.css';\n\nexport interface ToolbarViewProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Bar(s) pinned to the top — typically a `HeaderBar` or `Toolbar`.\n   * Multiple bars stack vertically.\n   */\n  topBar?: ReactNode;\n  /**\n   * Bar(s) pinned to the bottom — typically a `Toolbar` or `ViewSwitcherBar`.\n   * Multiple bars stack vertically.\n   */\n  bottomBar?: ReactNode;\n  /** Scrollable content area between the bars. */\n  children?: ReactNode;\n}\n\n/**\n * Layout container that attaches bars at the top and/or bottom while\n * scrolling only the middle content.\n *\n * The top/bottom bars remain fixed; the inner content area gets\n * `overflow-y: auto` so it scrolls independently.\n *\n * Mirrors `AdwToolbarView`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ToolbarView.html\n */\nexport const ToolbarView = ({\n  topBar,\n  bottomBar,\n  children,\n  className,\n  ...props\n}: ToolbarViewProps) => {\n  return (\n    <div className={[styles.toolbarView, className].filter(Boolean).join(' ')} {...props}>\n      {topBar && <div className={styles.top}>{topBar}</div>}\n      <div className={styles.content}>{children}</div>\n      {bottomBar && <div className={styles.bottom}>{bottomBar}</div>}\n    </div>\n  );\n};\n"],"mappings":"mFA8BA,IAAa,GAAe,CAC1B,SACA,YACA,WACA,YACA,GAAG,MAGD,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,CAAC,EAAA,QAAO,YAAa,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAG,GAAI,WAA/E,CACG,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAM,CAAY,CAAA,GACpD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,UAAc,CAAA,EAC9C,IAAa,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAe,CAAA,CAC1D"}

package/dist/components/ToolbarView/ToolbarView.d.ts

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

package/dist/components/ToolbarView/ToolbarView.js

@@ -1,26 +1,24 @@
 import e from "./ToolbarView.module.css.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/ToolbarView/ToolbarView.tsx
-function r({ topBar: r, bottomBar: i, children: a, className: o, ...s }) {
-	return /* @__PURE__ */ n("div", {
-		className: [e.toolbarView, o].filter(Boolean).join(" "),
-		...s,
-		children: [
-			r && /* @__PURE__ */ t("div", {
-				className: e.top,
-				children: r
-			}),
-			/* @__PURE__ */ t("div", {
-				className: e.content,
-				children: a
-			}),
-			i && /* @__PURE__ */ t("div", {
-				className: e.bottom,
-				children: i
-			})
-		]
-	});
-}
+var r = ({ topBar: r, bottomBar: i, children: a, className: o, ...s }) => /* @__PURE__ */ n("div", {
+	className: [e.toolbarView, o].filter(Boolean).join(" "),
+	...s,
+	children: [
+		r && /* @__PURE__ */ t("div", {
+			className: e.top,
+			children: r
+		}),
+		/* @__PURE__ */ t("div", {
+			className: e.content,
+			children: a
+		}),
+		i && /* @__PURE__ */ t("div", {
+			className: e.bottom,
+			children: i
+		})
+	]
+});
 //#endregion
 export { r as ToolbarView };
 

package/dist/components/ToolbarView/ToolbarView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarView.js","names":[],"sources":["../../../src/components/ToolbarView/ToolbarView.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './ToolbarView.module.css';\n\nexport interface ToolbarViewProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Bar(s) pinned to the top — typically a `HeaderBar` or `Toolbar`.\n   * Multiple bars stack vertically.\n   */\n  topBar?: ReactNode;\n  /**\n   * Bar(s) pinned to the bottom — typically a `Toolbar` or `ViewSwitcherBar`.\n   * Multiple bars stack vertically.\n   */\n  bottomBar?: ReactNode;\n  /** Scrollable content area between the bars. */\n  children?: ReactNode;\n}\n\n/**\n * Layout container that attaches bars at the top and/or bottom while\n * scrolling only the middle content.\n *\n * The top/bottom bars remain fixed; the inner content area gets\n * `overflow-y: auto` so it scrolls independently.\n *\n * Mirrors `AdwToolbarView`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ToolbarView.html\n */\nexport function ToolbarView({\n  topBar,\n  bottomBar,\n  children,\n  className,\n  ...props\n}: ToolbarViewProps) {\n  return (\n    <div className={[styles.toolbarView, className].filter(Boolean).join(' ')} {...props}>\n      {topBar && <div className={styles.top}>{topBar}</div>}\n      <div className={styles.content}>{children}</div>\n      {bottomBar && <div className={styles.bottom}>{bottomBar}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;AA8BA,SAAgB,EAAY,EAC1B,WACA,cACA,aACA,cACA,GAAG,KACgB;AACnB,QACE,kBAAC,OAAD;EAAK,WAAW,CAAC,EAAO,aAAa,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAAE,GAAI;YAA/E;GACG,KAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAM;IAAa,CAAA;GACrD,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU;IAAe,CAAA;GAC/C,KAAa,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;IAAgB,CAAA;GAC1D"}
+{"version":3,"file":"ToolbarView.js","names":[],"sources":["../../../src/components/ToolbarView/ToolbarView.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './ToolbarView.module.css';\n\nexport interface ToolbarViewProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Bar(s) pinned to the top — typically a `HeaderBar` or `Toolbar`.\n   * Multiple bars stack vertically.\n   */\n  topBar?: ReactNode;\n  /**\n   * Bar(s) pinned to the bottom — typically a `Toolbar` or `ViewSwitcherBar`.\n   * Multiple bars stack vertically.\n   */\n  bottomBar?: ReactNode;\n  /** Scrollable content area between the bars. */\n  children?: ReactNode;\n}\n\n/**\n * Layout container that attaches bars at the top and/or bottom while\n * scrolling only the middle content.\n *\n * The top/bottom bars remain fixed; the inner content area gets\n * `overflow-y: auto` so it scrolls independently.\n *\n * Mirrors `AdwToolbarView`.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ToolbarView.html\n */\nexport const ToolbarView = ({\n  topBar,\n  bottomBar,\n  children,\n  className,\n  ...props\n}: ToolbarViewProps) => {\n  return (\n    <div className={[styles.toolbarView, className].filter(Boolean).join(' ')} {...props}>\n      {topBar && <div className={styles.top}>{topBar}</div>}\n      <div className={styles.content}>{children}</div>\n      {bottomBar && <div className={styles.bottom}>{bottomBar}</div>}\n    </div>\n  );\n};\n"],"mappings":";;;AA8BA,IAAa,KAAe,EAC1B,WACA,cACA,aACA,cACA,GAAG,QAGD,kBAAC,OAAD;CAAK,WAAW,CAAC,EAAO,aAAa,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAAG,GAAI;WAA/E;EACG,KAAU,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAM;EAAY,CAAA;EACpD,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAU;EAAc,CAAA;EAC9C,KAAa,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAS;EAAe,CAAA;CAC1D"}

package/dist/components/ToolbarView.cjs

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

package/dist/components/Tooltip/Tooltip.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Tooltip.module.css.cjs`);let t=require(`react`),n=require(`react-dom`),r=require(`react/jsx-runtime`);var i=6;function a(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function o(e,t,n){let r=window.innerWidth,a=window.innerHeight,o=[n,n===`top`||n===`bottom`?n===`top`?`bottom`:`top`:n===`left`?`right`:`left`,`top`,`bottom`,`left`,`right`];for(let n of o){let o=0,s=0;n===`top`?(o=e.top-t.height-i,s=e.left+e.width/2-t.width/2):n===`bottom`?(o=e.bottom+i,s=e.left+e.width/2-t.width/2):n===`left`?(o=e.top+e.height/2-t.height/2,s=e.left-t.width-i):(o=e.top+e.height/2-t.height/2,s=e.right+i);let c=s>=8&&s+t.width<=r-8,l=o>=8&&o+t.height<=a-8;if(c&&l)return{top:Math.max(8,Math.min(o,a-t.height-8)),left:Math.max(8,Math.min(s,r-t.width-8)),placement:n}}let s=0,c=0;return n===`top`&&(s=e.top-t.height-i,c=e.left+e.width/2-t.width/2),n===`bottom`&&(s=e.bottom+i,c=e.left+e.width/2-t.width/2),n===`left`&&(s=e.top+e.height/2-t.height/2,c=e.left-t.width-i),n===`right`&&(s=e.top+e.height/2-t.height/2,c=e.right+i),{top:Math.max(8,Math.min(s,a-t.height-8)),left:Math.max(8,Math.min(c,window.innerWidth-t.width-8)),placement:n}}function s({label:i,placement:s=`top`,delay:c=500,children:l}){let u=(0,t.useId)(),[d,f]=(0,t.useState)(!1),[p,m]=(0,t.useState)(null),h=(0,t.useRef)(null),g=(0,t.useRef)(null),_=(0,t.useRef)(null),v=(0,t.useCallback)(()=>{_.current&&=(clearTimeout(_.current),null)},[]),y=(0,t.useCallback)(()=>{!h.current||!g.current||m(o(h.current.getBoundingClientRect(),g.current.getBoundingClientRect(),s))},[s]);(0,t.useEffect)(()=>{if(d)return y(),window.addEventListener(`scroll`,y,{passive:!0,capture:!0}),window.addEventListener(`resize`,y,{passive:!0}),()=>{window.removeEventListener(`scroll`,y,{capture:!0}),window.removeEventListener(`resize`,y)}},[d,y]);let b=(0,t.useCallback)(()=>{v(),_.current=setTimeout(()=>f(!0),c)},[c,v]),x=(0,t.useCallback)(()=>{v(),f(!1),m(null)},[v]);(0,t.useEffect)(()=>{d&&y()},[d,y]),(0,t.useEffect)(()=>{if(!d)return;let e=e=>{e.key===`Escape`&&x()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[d,x]);let S=l.props.ref,C=(0,t.cloneElement)(l,{ref:e=>{h.current=e,a(S,e)},"aria-describedby":u,onMouseEnter:e=>{b(),l.props.onMouseEnter?.(e)},onMouseLeave:e=>{x(),l.props.onMouseLeave?.(e)},onFocus:e=>{b(),l.props.onFocus?.(e)},onBlur:e=>{x(),l.props.onBlur?.(e)}}),w=(0,r.jsx)(`div`,{ref:g,id:u,role:`tooltip`,className:[e.default.tooltip,p?e.default[p.placement]:null,d&&p?e.default.visible:null].filter(Boolean).join(` `),style:p?{top:p.top,left:p.left}:{visibility:`hidden`,top:-9999,left:-9999},children:i});return(0,r.jsxs)(r.Fragment,{children:[C,typeof document<`u`?(0,n.createPortal)(w,document.body):w]})}exports.Tooltip=s;
+const e=require("./Tooltip.module.css.cjs");let t=require("react"),n=require("react-dom"),r=require("react/jsx-runtime");var i=6;function a(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function o(e,t,n){let r=window.innerWidth,a=window.innerHeight,o=[n,n===`top`||n===`bottom`?n===`top`?`bottom`:`top`:n===`left`?`right`:`left`,`top`,`bottom`,`left`,`right`];for(let n of o){let o=0,s=0;n===`top`?(o=e.top-t.height-i,s=e.left+e.width/2-t.width/2):n===`bottom`?(o=e.bottom+i,s=e.left+e.width/2-t.width/2):n===`left`?(o=e.top+e.height/2-t.height/2,s=e.left-t.width-i):(o=e.top+e.height/2-t.height/2,s=e.right+i);let c=s>=8&&s+t.width<=r-8,l=o>=8&&o+t.height<=a-8;if(c&&l)return{top:Math.max(8,Math.min(o,a-t.height-8)),left:Math.max(8,Math.min(s,r-t.width-8)),placement:n}}let s=0,c=0;return n===`top`&&(s=e.top-t.height-i,c=e.left+e.width/2-t.width/2),n===`bottom`&&(s=e.bottom+i,c=e.left+e.width/2-t.width/2),n===`left`&&(s=e.top+e.height/2-t.height/2,c=e.left-t.width-i),n===`right`&&(s=e.top+e.height/2-t.height/2,c=e.right+i),{top:Math.max(8,Math.min(s,a-t.height-8)),left:Math.max(8,Math.min(c,window.innerWidth-t.width-8)),placement:n}}var s=({label:i,placement:s=`top`,delay:c=500,children:l})=>{let u=(0,t.useId)(),[d,f]=(0,t.useState)(!1),[p,m]=(0,t.useState)(null),h=(0,t.useRef)(null),g=(0,t.useRef)(null),_=(0,t.useRef)(null),v=(0,t.useCallback)(()=>{_.current&&=(clearTimeout(_.current),null)},[]),y=(0,t.useCallback)(()=>{!h.current||!g.current||m(o(h.current.getBoundingClientRect(),g.current.getBoundingClientRect(),s))},[s]);(0,t.useEffect)(()=>{if(d)return y(),window.addEventListener(`scroll`,y,{passive:!0,capture:!0}),window.addEventListener(`resize`,y,{passive:!0}),()=>{window.removeEventListener(`scroll`,y,{capture:!0}),window.removeEventListener(`resize`,y)}},[d,y]);let b=(0,t.useCallback)(()=>{v(),_.current=setTimeout(()=>f(!0),c)},[c,v]),x=(0,t.useCallback)(()=>{v(),f(!1),m(null)},[v]);(0,t.useEffect)(()=>{d&&y()},[d,y]),(0,t.useEffect)(()=>{if(!d)return;let e=e=>{e.key===`Escape`&&x()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[d,x]);let S=l.props.ref,C=(0,t.cloneElement)(l,{ref:e=>{h.current=e,a(S,e)},"aria-describedby":u,onMouseEnter:e=>{b(),l.props.onMouseEnter?.(e)},onMouseLeave:e=>{x(),l.props.onMouseLeave?.(e)},onFocus:e=>{b(),l.props.onFocus?.(e)},onBlur:e=>{x(),l.props.onBlur?.(e)}}),w=(0,r.jsx)(`div`,{ref:g,id:u,role:`tooltip`,className:[e.default.tooltip,p?e.default[p.placement]:null,d&&p?e.default.visible:null].filter(Boolean).join(` `),style:p?{top:p.top,left:p.left}:{visibility:`hidden`,top:-9999,left:-9999},children:i});return(0,r.jsxs)(r.Fragment,{children:[C,typeof document<`u`?(0,n.createPortal)(w,document.body):w]})};exports.Tooltip=s;
 //# sourceMappingURL=Tooltip.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","names":[],"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  type FocusEvent,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type Ref,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport styles from './Tooltip.module.css';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  /**\n   * The tooltip label. Keep it short — a noun phrase or brief description.\n   * Do not duplicate information already visible on screen.\n   */\n  label: string;\n  /**\n   * Preferred placement relative to the trigger.\n   * The tooltip flips automatically if there is not enough space.\n   * Defaults to `\"top\"`.\n   */\n  placement?: TooltipPlacement;\n  /**\n   * Delay in milliseconds before the tooltip appears on hover.\n   * Defaults to `500`. Set to `0` for instant.\n   */\n  delay?: number;\n  /**\n   * The element that triggers the tooltip.\n   * Must be a single React element that can receive `ref` and event props.\n   */\n  children: ReactElement<HTMLAttributes<HTMLElement>>;\n}\n\ninterface Position {\n  top: number;\n  left: number;\n  placement: TooltipPlacement;\n}\n\nconst GAP = 6; // px between trigger and tooltip\n\nfunction assignRef<T>(ref: Ref<T> | undefined, value: T | null) {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === 'function') {\n    ref(value);\n\n    return;\n  }\n\n  ref.current = value;\n}\n\nfunction computePosition(\n  trigger: DOMRect,\n  tooltip: DOMRect,\n  preferred: TooltipPlacement,\n): Position {\n  const vw = window.innerWidth;\n  const vh = window.innerHeight;\n\n  const placements: TooltipPlacement[] = [\n    preferred,\n    preferred === 'top' || preferred === 'bottom'\n      ? preferred === 'top'\n        ? 'bottom'\n        : 'top'\n      : preferred === 'left'\n        ? 'right'\n        : 'left',\n    'top',\n    'bottom',\n    'left',\n    'right',\n  ];\n\n  for (const p of placements) {\n    let top = 0;\n    let left = 0;\n\n    if (p === 'top') {\n      top = trigger.top - tooltip.height - GAP;\n      left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n    } else if (p === 'bottom') {\n      top = trigger.bottom + GAP;\n      left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n    } else if (p === 'left') {\n      top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n      left = trigger.left - tooltip.width - GAP;\n    } else {\n      top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n      left = trigger.right + GAP;\n    }\n\n    // Clamp to viewport with 8 px margin\n    const margin = 8;\n    const fitsH = left >= margin && left + tooltip.width <= vw - margin;\n    const fitsV = top >= margin && top + tooltip.height <= vh - margin;\n\n    if (fitsH && fitsV) {\n      return {\n        top: Math.max(margin, Math.min(top, vh - tooltip.height - margin)),\n        left: Math.max(margin, Math.min(left, vw - tooltip.width - margin)),\n        placement: p,\n      };\n    }\n  }\n\n  // Fallback: clamp preferred\n  let top = 0,\n    left = 0;\n  if (preferred === 'top') {\n    top = trigger.top - tooltip.height - GAP;\n    left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n  }\n\n  if (preferred === 'bottom') {\n    top = trigger.bottom + GAP;\n    left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n  }\n\n  if (preferred === 'left') {\n    top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n    left = trigger.left - tooltip.width - GAP;\n  }\n\n  if (preferred === 'right') {\n    top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n    left = trigger.right + GAP;\n  }\n\n  const margin = 8;\n\n  return {\n    top: Math.max(margin, Math.min(top, vh - tooltip.height - margin)),\n    left: Math.max(margin, Math.min(left, window.innerWidth - tooltip.width - margin)),\n    placement: preferred,\n  };\n}\n\n/**\n * Informational tooltip following the Adwaita / GNOME HIG pattern.\n *\n * Wraps a single trigger element and shows a floating label on hover or\n * keyboard focus. The tooltip is positioned automatically and flips if\n * there is not enough space.\n *\n * - `aria-describedby` is wired to the trigger automatically.\n * - The tooltip itself is `role=\"tooltip\"` and rendered in a portal.\n * - Does not show on touch — touch devices have no hover state.\n *\n * @example\n * <Tooltip label=\"Save file (Ctrl+S)\">\n *   <Button aria-label=\"Save\"><Icon icon={Save} /></Button>\n * </Tooltip>\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/tooltips.html\n */\nexport function Tooltip({\n  label,\n  placement: preferredPlacement = 'top',\n  delay = 500,\n  children,\n}: TooltipProps) {\n  const id = useId();\n  const [visible, setVisible] = useState(false);\n  const [pos, setPos] = useState<Position | null>(null);\n\n  const triggerRef = useRef<HTMLElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearTimer = useCallback(() => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  }, []);\n\n  const place = useCallback(() => {\n    if (!triggerRef.current || !tooltipRef.current) {\n      return;\n    }\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n\n    setPos(computePosition(triggerRect, tooltipRect, preferredPlacement));\n  }, [preferredPlacement]);\n\n  // Reposition on scroll/resize while visible\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    place();\n    window.addEventListener('scroll', place, { passive: true, capture: true });\n    window.addEventListener('resize', place, { passive: true });\n\n    return () => {\n      window.removeEventListener('scroll', place, { capture: true });\n      window.removeEventListener('resize', place);\n    };\n  }, [visible, place]);\n\n  const show = useCallback(() => {\n    clearTimer();\n    timerRef.current = setTimeout(() => setVisible(true), delay);\n  }, [delay, clearTimer]);\n\n  const hide = useCallback(() => {\n    clearTimer();\n    setVisible(false);\n    setPos(null);\n  }, [clearTimer]);\n\n  // Position as soon as the tooltip mounts\n  useEffect(() => {\n    if (visible) {\n      place();\n    }\n  }, [visible, place]);\n\n  // Dismiss on Escape\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        hide();\n      }\n    };\n\n    document.addEventListener('keydown', handler);\n\n    return () => document.removeEventListener('keydown', handler);\n  }, [visible, hide]);\n\n  const childRef = (\n    children.props as HTMLAttributes<HTMLElement> & {\n      ref?: Ref<HTMLElement>;\n    }\n  ).ref;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const child = cloneElement(children as any, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      assignRef(childRef, node);\n    },\n    'aria-describedby': id,\n    onMouseEnter: (e: MouseEvent<HTMLElement>) => {\n      show();\n      children.props.onMouseEnter?.(e);\n    },\n    onMouseLeave: (e: MouseEvent<HTMLElement>) => {\n      hide();\n      children.props.onMouseLeave?.(e);\n    },\n    onFocus: (e: FocusEvent<HTMLElement>) => {\n      show();\n      children.props.onFocus?.(e);\n    },\n    onBlur: (e: FocusEvent<HTMLElement>) => {\n      hide();\n      children.props.onBlur?.(e);\n    },\n  });\n\n  const tooltip = (\n    <div\n      ref={tooltipRef}\n      id={id}\n      role=\"tooltip\"\n      className={[\n        styles.tooltip,\n        pos ? styles[pos.placement] : null,\n        visible && pos ? styles.visible : null,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={\n        pos ? { top: pos.top, left: pos.left } : { visibility: 'hidden', top: -9999, left: -9999 }\n      }\n    >\n      {label}\n    </div>\n  );\n\n  return (\n    <>\n      {child}\n      {typeof document !== 'undefined' ? createPortal(tooltip, document.body) : tooltip}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.cjs","names":[],"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  type FocusEvent,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type Ref,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport styles from './Tooltip.module.css';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  /**\n   * The tooltip label. Keep it short — a noun phrase or brief description.\n   * Do not duplicate information already visible on screen.\n   */\n  label: string;\n  /**\n   * Preferred placement relative to the trigger.\n   * The tooltip flips automatically if there is not enough space.\n   * Defaults to `\"top\"`.\n   */\n  placement?: TooltipPlacement;\n  /**\n   * Delay in milliseconds before the tooltip appears on hover.\n   * Defaults to `500`. Set to `0` for instant.\n   */\n  delay?: number;\n  /**\n   * The element that triggers the tooltip.\n   * Must be a single React element that can receive `ref` and event props.\n   */\n  children: ReactElement<HTMLAttributes<HTMLElement>>;\n}\n\ninterface Position {\n  top: number;\n  left: number;\n  placement: TooltipPlacement;\n}\n\nconst GAP = 6; // px between trigger and tooltip\n\nfunction assignRef<T>(ref: Ref<T> | undefined, value: T | null) {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === 'function') {\n    ref(value);\n\n    return;\n  }\n\n  ref.current = value;\n}\n\nfunction computePosition(\n  trigger: DOMRect,\n  tooltip: DOMRect,\n  preferred: TooltipPlacement,\n): Position {\n  const vw = window.innerWidth;\n  const vh = window.innerHeight;\n\n  const placements: TooltipPlacement[] = [\n    preferred,\n    preferred === 'top' || preferred === 'bottom'\n      ? preferred === 'top'\n        ? 'bottom'\n        : 'top'\n      : preferred === 'left'\n        ? 'right'\n        : 'left',\n    'top',\n    'bottom',\n    'left',\n    'right',\n  ];\n\n  for (const p of placements) {\n    let top = 0;\n    let left = 0;\n\n    if (p === 'top') {\n      top = trigger.top - tooltip.height - GAP;\n      left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n    } else if (p === 'bottom') {\n      top = trigger.bottom + GAP;\n      left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n    } else if (p === 'left') {\n      top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n      left = trigger.left - tooltip.width - GAP;\n    } else {\n      top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n      left = trigger.right + GAP;\n    }\n\n    // Clamp to viewport with 8 px margin\n    const margin = 8;\n    const fitsH = left >= margin && left + tooltip.width <= vw - margin;\n    const fitsV = top >= margin && top + tooltip.height <= vh - margin;\n\n    if (fitsH && fitsV) {\n      return {\n        top: Math.max(margin, Math.min(top, vh - tooltip.height - margin)),\n        left: Math.max(margin, Math.min(left, vw - tooltip.width - margin)),\n        placement: p,\n      };\n    }\n  }\n\n  // Fallback: clamp preferred\n  let top = 0,\n    left = 0;\n  if (preferred === 'top') {\n    top = trigger.top - tooltip.height - GAP;\n    left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n  }\n\n  if (preferred === 'bottom') {\n    top = trigger.bottom + GAP;\n    left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n  }\n\n  if (preferred === 'left') {\n    top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n    left = trigger.left - tooltip.width - GAP;\n  }\n\n  if (preferred === 'right') {\n    top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n    left = trigger.right + GAP;\n  }\n\n  const margin = 8;\n\n  return {\n    top: Math.max(margin, Math.min(top, vh - tooltip.height - margin)),\n    left: Math.max(margin, Math.min(left, window.innerWidth - tooltip.width - margin)),\n    placement: preferred,\n  };\n}\n\n/**\n * Informational tooltip following the Adwaita / GNOME HIG pattern.\n *\n * Wraps a single trigger element and shows a floating label on hover or\n * keyboard focus. The tooltip is positioned automatically and flips if\n * there is not enough space.\n *\n * - `aria-describedby` is wired to the trigger automatically.\n * - The tooltip itself is `role=\"tooltip\"` and rendered in a portal.\n * - Does not show on touch — touch devices have no hover state.\n *\n * @example\n * <Tooltip label=\"Save file (Ctrl+S)\">\n *   <Button aria-label=\"Save\"><Icon icon={Save} /></Button>\n * </Tooltip>\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/tooltips.html\n */\nexport const Tooltip = ({\n  label,\n  placement: preferredPlacement = 'top',\n  delay = 500,\n  children,\n}: TooltipProps) => {\n  const id = useId();\n  const [visible, setVisible] = useState(false);\n  const [pos, setPos] = useState<Position | null>(null);\n\n  const triggerRef = useRef<HTMLElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearTimer = useCallback(() => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  }, []);\n\n  const place = useCallback(() => {\n    if (!triggerRef.current || !tooltipRef.current) {\n      return;\n    }\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n\n    setPos(computePosition(triggerRect, tooltipRect, preferredPlacement));\n  }, [preferredPlacement]);\n\n  // Reposition on scroll/resize while visible\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    place();\n    window.addEventListener('scroll', place, { passive: true, capture: true });\n    window.addEventListener('resize', place, { passive: true });\n\n    return () => {\n      window.removeEventListener('scroll', place, { capture: true });\n      window.removeEventListener('resize', place);\n    };\n  }, [visible, place]);\n\n  const show = useCallback(() => {\n    clearTimer();\n    timerRef.current = setTimeout(() => setVisible(true), delay);\n  }, [delay, clearTimer]);\n\n  const hide = useCallback(() => {\n    clearTimer();\n    setVisible(false);\n    setPos(null);\n  }, [clearTimer]);\n\n  // Position as soon as the tooltip mounts\n  useEffect(() => {\n    if (visible) {\n      place();\n    }\n  }, [visible, place]);\n\n  // Dismiss on Escape\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        hide();\n      }\n    };\n\n    document.addEventListener('keydown', handler);\n\n    return () => document.removeEventListener('keydown', handler);\n  }, [visible, hide]);\n\n  const childRef = (\n    children.props as HTMLAttributes<HTMLElement> & {\n      ref?: Ref<HTMLElement>;\n    }\n  ).ref;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const child = cloneElement(children as any, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      assignRef(childRef, node);\n    },\n    'aria-describedby': id,\n    onMouseEnter: (e: MouseEvent<HTMLElement>) => {\n      show();\n      children.props.onMouseEnter?.(e);\n    },\n    onMouseLeave: (e: MouseEvent<HTMLElement>) => {\n      hide();\n      children.props.onMouseLeave?.(e);\n    },\n    onFocus: (e: FocusEvent<HTMLElement>) => {\n      show();\n      children.props.onFocus?.(e);\n    },\n    onBlur: (e: FocusEvent<HTMLElement>) => {\n      hide();\n      children.props.onBlur?.(e);\n    },\n  });\n\n  const tooltip = (\n    <div\n      ref={tooltipRef}\n      id={id}\n      role=\"tooltip\"\n      className={[\n        styles.tooltip,\n        pos ? styles[pos.placement] : null,\n        visible && pos ? styles.visible : null,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={\n        pos ? { top: pos.top, left: pos.left } : { visibility: 'hidden', top: -9999, left: -9999 }\n      }\n    >\n      {label}\n    </div>\n  );\n\n  return (\n    <>\n      {child}\n      {typeof document !== 'undefined' ? createPortal(tooltip, document.body) : tooltip}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -41,4 +41,4 @@ export interface TooltipProps {
  *
  * @see https://developer.gnome.org/hig/patterns/feedback/tooltips.html
  */
-export declare function Tooltip({ label, placement: preferredPlacement, delay, children, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ label, placement: preferredPlacement, delay, children, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tooltip/Tooltip.js

@@ -39,7 +39,7 @@ function p(e, t, n) {
 		placement: n
 	};
 }
-function m({ label: d, placement: m = "top", delay: h = 500, children: g }) {
+var m = ({ label: d, placement: m = "top", delay: h = 500, children: g }) => {
 	let _ = i(), [v, y] = o(!1), [b, x] = o(null), S = a(null), C = a(null), w = a(null), T = n(() => {
 		w.current &&= (clearTimeout(w.current), null);
 	}, []), E = n(() => {
@@ -104,7 +104,7 @@ function m({ label: d, placement: m = "top", delay: h = 500, children: g }) {
 		children: d
 	});
 	return /* @__PURE__ */ u(c, { children: [A, typeof document < "u" ? s(j, document.body) : j] });
-}
+};
 //#endregion
 export { m as Tooltip };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  type FocusEvent,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type Ref,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport styles from './Tooltip.module.css';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  /**\n   * The tooltip label. Keep it short — a noun phrase or brief description.\n   * Do not duplicate information already visible on screen.\n   */\n  label: string;\n  /**\n   * Preferred placement relative to the trigger.\n   * The tooltip flips automatically if there is not enough space.\n   * Defaults to `\"top\"`.\n   */\n  placement?: TooltipPlacement;\n  /**\n   * Delay in milliseconds before the tooltip appears on hover.\n   * Defaults to `500`. Set to `0` for instant.\n   */\n  delay?: number;\n  /**\n   * The element that triggers the tooltip.\n   * Must be a single React element that can receive `ref` and event props.\n   */\n  children: ReactElement<HTMLAttributes<HTMLElement>>;\n}\n\ninterface Position {\n  top: number;\n  left: number;\n  placement: TooltipPlacement;\n}\n\nconst GAP = 6; // px between trigger and tooltip\n\nfunction assignRef<T>(ref: Ref<T> | undefined, value: T | null) {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === 'function') {\n    ref(value);\n\n    return;\n  }\n\n  ref.current = value;\n}\n\nfunction computePosition(\n  trigger: DOMRect,\n  tooltip: DOMRect,\n  preferred: TooltipPlacement,\n): Position {\n  const vw = window.innerWidth;\n  const vh = window.innerHeight;\n\n  const placements: TooltipPlacement[] = [\n    preferred,\n    preferred === 'top' || preferred === 'bottom'\n      ? preferred === 'top'\n        ? 'bottom'\n        : 'top'\n      : preferred === 'left'\n        ? 'right'\n        : 'left',\n    'top',\n    'bottom',\n    'left',\n    'right',\n  ];\n\n  for (const p of placements) {\n    let top = 0;\n    let left = 0;\n\n    if (p === 'top') {\n      top = trigger.top - tooltip.height - GAP;\n      left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n    } else if (p === 'bottom') {\n      top = trigger.bottom + GAP;\n      left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n    } else if (p === 'left') {\n      top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n      left = trigger.left - tooltip.width - GAP;\n    } else {\n      top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n      left = trigger.right + GAP;\n    }\n\n    // Clamp to viewport with 8 px margin\n    const margin = 8;\n    const fitsH = left >= margin && left + tooltip.width <= vw - margin;\n    const fitsV = top >= margin && top + tooltip.height <= vh - margin;\n\n    if (fitsH && fitsV) {\n      return {\n        top: Math.max(margin, Math.min(top, vh - tooltip.height - margin)),\n        left: Math.max(margin, Math.min(left, vw - tooltip.width - margin)),\n        placement: p,\n      };\n    }\n  }\n\n  // Fallback: clamp preferred\n  let top = 0,\n    left = 0;\n  if (preferred === 'top') {\n    top = trigger.top - tooltip.height - GAP;\n    left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n  }\n\n  if (preferred === 'bottom') {\n    top = trigger.bottom + GAP;\n    left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n  }\n\n  if (preferred === 'left') {\n    top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n    left = trigger.left - tooltip.width - GAP;\n  }\n\n  if (preferred === 'right') {\n    top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n    left = trigger.right + GAP;\n  }\n\n  const margin = 8;\n\n  return {\n    top: Math.max(margin, Math.min(top, vh - tooltip.height - margin)),\n    left: Math.max(margin, Math.min(left, window.innerWidth - tooltip.width - margin)),\n    placement: preferred,\n  };\n}\n\n/**\n * Informational tooltip following the Adwaita / GNOME HIG pattern.\n *\n * Wraps a single trigger element and shows a floating label on hover or\n * keyboard focus. The tooltip is positioned automatically and flips if\n * there is not enough space.\n *\n * - `aria-describedby` is wired to the trigger automatically.\n * - The tooltip itself is `role=\"tooltip\"` and rendered in a portal.\n * - Does not show on touch — touch devices have no hover state.\n *\n * @example\n * <Tooltip label=\"Save file (Ctrl+S)\">\n *   <Button aria-label=\"Save\"><Icon icon={Save} /></Button>\n * </Tooltip>\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/tooltips.html\n */\nexport function Tooltip({\n  label,\n  placement: preferredPlacement = 'top',\n  delay = 500,\n  children,\n}: TooltipProps) {\n  const id = useId();\n  const [visible, setVisible] = useState(false);\n  const [pos, setPos] = useState<Position | null>(null);\n\n  const triggerRef = useRef<HTMLElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearTimer = useCallback(() => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  }, []);\n\n  const place = useCallback(() => {\n    if (!triggerRef.current || !tooltipRef.current) {\n      return;\n    }\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n\n    setPos(computePosition(triggerRect, tooltipRect, preferredPlacement));\n  }, [preferredPlacement]);\n\n  // Reposition on scroll/resize while visible\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    place();\n    window.addEventListener('scroll', place, { passive: true, capture: true });\n    window.addEventListener('resize', place, { passive: true });\n\n    return () => {\n      window.removeEventListener('scroll', place, { capture: true });\n      window.removeEventListener('resize', place);\n    };\n  }, [visible, place]);\n\n  const show = useCallback(() => {\n    clearTimer();\n    timerRef.current = setTimeout(() => setVisible(true), delay);\n  }, [delay, clearTimer]);\n\n  const hide = useCallback(() => {\n    clearTimer();\n    setVisible(false);\n    setPos(null);\n  }, [clearTimer]);\n\n  // Position as soon as the tooltip mounts\n  useEffect(() => {\n    if (visible) {\n      place();\n    }\n  }, [visible, place]);\n\n  // Dismiss on Escape\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        hide();\n      }\n    };\n\n    document.addEventListener('keydown', handler);\n\n    return () => document.removeEventListener('keydown', handler);\n  }, [visible, hide]);\n\n  const childRef = (\n    children.props as HTMLAttributes<HTMLElement> & {\n      ref?: Ref<HTMLElement>;\n    }\n  ).ref;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const child = cloneElement(children as any, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      assignRef(childRef, node);\n    },\n    'aria-describedby': id,\n    onMouseEnter: (e: MouseEvent<HTMLElement>) => {\n      show();\n      children.props.onMouseEnter?.(e);\n    },\n    onMouseLeave: (e: MouseEvent<HTMLElement>) => {\n      hide();\n      children.props.onMouseLeave?.(e);\n    },\n    onFocus: (e: FocusEvent<HTMLElement>) => {\n      show();\n      children.props.onFocus?.(e);\n    },\n    onBlur: (e: FocusEvent<HTMLElement>) => {\n      hide();\n      children.props.onBlur?.(e);\n    },\n  });\n\n  const tooltip = (\n    <div\n      ref={tooltipRef}\n      id={id}\n      role=\"tooltip\"\n      className={[\n        styles.tooltip,\n        pos ? styles[pos.placement] : null,\n        visible && pos ? styles.visible : null,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={\n        pos ? { top: pos.top, left: pos.left } : { visibility: 'hidden', top: -9999, left: -9999 }\n      }\n    >\n      {label}\n    </div>\n  );\n\n  return (\n    <>\n      {child}\n      {typeof document !== 'undefined' ? createPortal(tooltip, document.body) : tooltip}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  type FocusEvent,\n  type HTMLAttributes,\n  type MouseEvent,\n  type ReactElement,\n  type Ref,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport styles from './Tooltip.module.css';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  /**\n   * The tooltip label. Keep it short — a noun phrase or brief description.\n   * Do not duplicate information already visible on screen.\n   */\n  label: string;\n  /**\n   * Preferred placement relative to the trigger.\n   * The tooltip flips automatically if there is not enough space.\n   * Defaults to `\"top\"`.\n   */\n  placement?: TooltipPlacement;\n  /**\n   * Delay in milliseconds before the tooltip appears on hover.\n   * Defaults to `500`. Set to `0` for instant.\n   */\n  delay?: number;\n  /**\n   * The element that triggers the tooltip.\n   * Must be a single React element that can receive `ref` and event props.\n   */\n  children: ReactElement<HTMLAttributes<HTMLElement>>;\n}\n\ninterface Position {\n  top: number;\n  left: number;\n  placement: TooltipPlacement;\n}\n\nconst GAP = 6; // px between trigger and tooltip\n\nfunction assignRef<T>(ref: Ref<T> | undefined, value: T | null) {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === 'function') {\n    ref(value);\n\n    return;\n  }\n\n  ref.current = value;\n}\n\nfunction computePosition(\n  trigger: DOMRect,\n  tooltip: DOMRect,\n  preferred: TooltipPlacement,\n): Position {\n  const vw = window.innerWidth;\n  const vh = window.innerHeight;\n\n  const placements: TooltipPlacement[] = [\n    preferred,\n    preferred === 'top' || preferred === 'bottom'\n      ? preferred === 'top'\n        ? 'bottom'\n        : 'top'\n      : preferred === 'left'\n        ? 'right'\n        : 'left',\n    'top',\n    'bottom',\n    'left',\n    'right',\n  ];\n\n  for (const p of placements) {\n    let top = 0;\n    let left = 0;\n\n    if (p === 'top') {\n      top = trigger.top - tooltip.height - GAP;\n      left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n    } else if (p === 'bottom') {\n      top = trigger.bottom + GAP;\n      left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n    } else if (p === 'left') {\n      top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n      left = trigger.left - tooltip.width - GAP;\n    } else {\n      top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n      left = trigger.right + GAP;\n    }\n\n    // Clamp to viewport with 8 px margin\n    const margin = 8;\n    const fitsH = left >= margin && left + tooltip.width <= vw - margin;\n    const fitsV = top >= margin && top + tooltip.height <= vh - margin;\n\n    if (fitsH && fitsV) {\n      return {\n        top: Math.max(margin, Math.min(top, vh - tooltip.height - margin)),\n        left: Math.max(margin, Math.min(left, vw - tooltip.width - margin)),\n        placement: p,\n      };\n    }\n  }\n\n  // Fallback: clamp preferred\n  let top = 0,\n    left = 0;\n  if (preferred === 'top') {\n    top = trigger.top - tooltip.height - GAP;\n    left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n  }\n\n  if (preferred === 'bottom') {\n    top = trigger.bottom + GAP;\n    left = trigger.left + trigger.width / 2 - tooltip.width / 2;\n  }\n\n  if (preferred === 'left') {\n    top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n    left = trigger.left - tooltip.width - GAP;\n  }\n\n  if (preferred === 'right') {\n    top = trigger.top + trigger.height / 2 - tooltip.height / 2;\n    left = trigger.right + GAP;\n  }\n\n  const margin = 8;\n\n  return {\n    top: Math.max(margin, Math.min(top, vh - tooltip.height - margin)),\n    left: Math.max(margin, Math.min(left, window.innerWidth - tooltip.width - margin)),\n    placement: preferred,\n  };\n}\n\n/**\n * Informational tooltip following the Adwaita / GNOME HIG pattern.\n *\n * Wraps a single trigger element and shows a floating label on hover or\n * keyboard focus. The tooltip is positioned automatically and flips if\n * there is not enough space.\n *\n * - `aria-describedby` is wired to the trigger automatically.\n * - The tooltip itself is `role=\"tooltip\"` and rendered in a portal.\n * - Does not show on touch — touch devices have no hover state.\n *\n * @example\n * <Tooltip label=\"Save file (Ctrl+S)\">\n *   <Button aria-label=\"Save\"><Icon icon={Save} /></Button>\n * </Tooltip>\n *\n * @see https://developer.gnome.org/hig/patterns/feedback/tooltips.html\n */\nexport const Tooltip = ({\n  label,\n  placement: preferredPlacement = 'top',\n  delay = 500,\n  children,\n}: TooltipProps) => {\n  const id = useId();\n  const [visible, setVisible] = useState(false);\n  const [pos, setPos] = useState<Position | null>(null);\n\n  const triggerRef = useRef<HTMLElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearTimer = useCallback(() => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  }, []);\n\n  const place = useCallback(() => {\n    if (!triggerRef.current || !tooltipRef.current) {\n      return;\n    }\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n\n    setPos(computePosition(triggerRect, tooltipRect, preferredPlacement));\n  }, [preferredPlacement]);\n\n  // Reposition on scroll/resize while visible\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    place();\n    window.addEventListener('scroll', place, { passive: true, capture: true });\n    window.addEventListener('resize', place, { passive: true });\n\n    return () => {\n      window.removeEventListener('scroll', place, { capture: true });\n      window.removeEventListener('resize', place);\n    };\n  }, [visible, place]);\n\n  const show = useCallback(() => {\n    clearTimer();\n    timerRef.current = setTimeout(() => setVisible(true), delay);\n  }, [delay, clearTimer]);\n\n  const hide = useCallback(() => {\n    clearTimer();\n    setVisible(false);\n    setPos(null);\n  }, [clearTimer]);\n\n  // Position as soon as the tooltip mounts\n  useEffect(() => {\n    if (visible) {\n      place();\n    }\n  }, [visible, place]);\n\n  // Dismiss on Escape\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        hide();\n      }\n    };\n\n    document.addEventListener('keydown', handler);\n\n    return () => document.removeEventListener('keydown', handler);\n  }, [visible, hide]);\n\n  const childRef = (\n    children.props as HTMLAttributes<HTMLElement> & {\n      ref?: Ref<HTMLElement>;\n    }\n  ).ref;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const child = cloneElement(children as any, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      assignRef(childRef, node);\n    },\n    'aria-describedby': id,\n    onMouseEnter: (e: MouseEvent<HTMLElement>) => {\n      show();\n      children.props.onMouseEnter?.(e);\n    },\n    onMouseLeave: (e: MouseEvent<HTMLElement>) => {\n      hide();\n      children.props.onMouseLeave?.(e);\n    },\n    onFocus: (e: FocusEvent<HTMLElement>) => {\n      show();\n      children.props.onFocus?.(e);\n    },\n    onBlur: (e: FocusEvent<HTMLElement>) => {\n      hide();\n      children.props.onBlur?.(e);\n    },\n  });\n\n  const tooltip = (\n    <div\n      ref={tooltipRef}\n      id={id}\n      role=\"tooltip\"\n      className={[\n        styles.tooltip,\n        pos ? styles[pos.placement] : null,\n        visible && pos ? styles.visible : null,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={\n        pos ? { top: pos.top, left: pos.left } : { visibility: 'hidden', top: -9999, left: -9999 }\n      }\n    >\n      {label}\n    </div>\n  );\n\n  return (\n    <>\n      {child}\n      {typeof document !== 'undefined' ? createPortal(tooltip, document.body) : tooltip}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/components/Tooltip.cjs

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

package/dist/components/ViewSwitcher/ViewSwitcher.cjs

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