@gnome-ui/react 1.36.1 → 1.36.3

package/dist/components/ToggleGroup/ToggleGroupItem.js

@@ -0,0 +1,38 @@
+import { Icon as e } from "../Icon/Icon.js";
+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 }) {
+	let { value: d, onValueChange: f } = n(), p = d === a, m = s && !o;
+	return /* @__PURE__ */ i("button", {
+		type: "button",
+		role: "radio",
+		"aria-checked": p,
+		tabIndex: p ? 0 : -1,
+		disabled: c,
+		onClick: () => f(a),
+		className: [
+			t.item,
+			p ? t.active : null,
+			m ? t.iconOnly : null,
+			l
+		].filter(Boolean).join(" "),
+		...u,
+		children: [s && /* @__PURE__ */ r("span", {
+			className: t.itemIcon,
+			children: /* @__PURE__ */ r(e, {
+				icon: s,
+				size: "md",
+				"aria-hidden": !0
+			})
+		}), o && /* @__PURE__ */ r("span", {
+			className: t.itemLabel,
+			children: o
+		})]
+	});
+}
+//#endregion
+export { a as ToggleGroupItem };
+
+//# sourceMappingURL=ToggleGroupItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupItem.js","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroupItem.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\nimport { Icon } from \"../Icon\";\nimport { useToggleGroup } from \"./ToggleGroup\";\nimport styles from \"./ToggleGroup.module.css\";\n\nexport interface ToggleGroupItemProps\n  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":";;;;;AAsBA,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"}

package/dist/components/ToggleGroup.cjs

@@ -0,0 +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;

package/dist/components/ToggleGroup.d.ts

@@ -0,0 +1,2 @@
+export * from './ToggleGroup/index'
+export {}

package/dist/components/ToggleGroup.js

@@ -0,0 +1,3 @@
+import { ToggleGroup as e } from "./ToggleGroup/ToggleGroup.js";
+import { ToggleGroupItem as t } from "./ToggleGroup/ToggleGroupItem.js";
+export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/components/Toolbar/Spacer.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Spacer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.cjs","names":[],"sources":["../../../src/components/Toolbar/Spacer.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport styles from \"./Toolbar.module.css\";\n\nexport interface SpacerProps extends 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":"+EAoBA,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"}

package/dist/components/Toolbar/Spacer.js

@@ -0,0 +1,14 @@
+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
+	});
+}
+//#endregion
+export { n as Spacer };
+
+//# sourceMappingURL=Spacer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","names":[],"sources":["../../../src/components/Toolbar/Spacer.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport styles from \"./Toolbar.module.css\";\n\nexport interface SpacerProps extends 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":";;;AAoBA,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"}

package/dist/components/Toolbar/Toolbar.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Toolbar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.cjs","names":[],"sources":["../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\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\n      className={[styles.toolbar, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"+EAoBA,SAAgB,EAAQ,CAAE,WAAU,YAAW,GAAG,GAAuB,CACvE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,QAAS,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAChE,GAAI,EAEH,WACG,CAAA"}

package/dist/components/Toolbar/Toolbar.js

@@ -0,0 +1,14 @@
+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
+	});
+}
+//#endregion
+export { n as Toolbar };
+
+//# sourceMappingURL=Toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","names":[],"sources":["../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\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\n      className={[styles.toolbar, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAAQ,EAAE,aAAU,cAAW,GAAG,KAAuB;AACvE,QACE,kBAAC,OAAD;EACE,WAAW,CAAC,EAAO,SAAS,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAChE,GAAI;EAEH;EACG,CAAA"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+var e = {
+	toolbar: "_toolbar_1avgl_2",
+	spacer: "_spacer_1avgl_20"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Toolbar.module.css.js.map

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

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

package/dist/components/Toolbar.cjs

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

package/dist/components/Toolbar.d.ts

@@ -0,0 +1,2 @@
+export * from './Toolbar/index'
+export {}

package/dist/components/Toolbar.js

@@ -0,0 +1,3 @@
+import { Toolbar as e } from "./Toolbar/Toolbar.js";
+import { Spacer as t } from "./Toolbar/Spacer.js";
+export { t as Spacer, e as Toolbar };

package/dist/components/ToolbarView/ToolbarView.cjs

@@ -0,0 +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;
+//# sourceMappingURL=ToolbarView.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarView.cjs","names":[],"sources":["../../../src/components/ToolbarView/ToolbarView.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\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\n      className={[styles.toolbarView, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\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":"mFA6BA,SAAgB,EAAY,CAC1B,SACA,YACA,WACA,YACA,GAAG,GACgB,CACnB,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,YAAa,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CACpE,GAAI,WAFN,CAIG,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"}

package/dist/components/ToolbarView/ToolbarView.js

@@ -0,0 +1,27 @@
+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
+			})
+		]
+	});
+}
+//#endregion
+export { r as ToolbarView };
+
+//# sourceMappingURL=ToolbarView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarView.js","names":[],"sources":["../../../src/components/ToolbarView/ToolbarView.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\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\n      className={[styles.toolbarView, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\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":";;;AA6BA,SAAgB,EAAY,EAC1B,WACA,cACA,aACA,cACA,GAAG,KACgB;AACnB,QACE,kBAAC,OAAD;EACE,WAAW,CAAC,EAAO,aAAa,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EACpE,GAAI;YAFN;GAIG,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"}

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

@@ -0,0 +1,2 @@
+var e={toolbarView:`_toolbarView_134hf_3`,top:`_top_134hf_11`,content:`_content_134hf_16`,bottom:`_bottom_134hf_23`};exports.default=e;
+//# sourceMappingURL=ToolbarView.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarView.module.css.cjs","names":[],"sources":["../../../src/components/ToolbarView/ToolbarView.module.css"],"sourcesContent":["/* ─── ToolbarView ────────────────────────────────────────────────────────────── */\n\n.toolbarView {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n/* Top bar — fixed, no scroll */\n.top {\n  flex-shrink: 0;\n}\n\n/* Scrollable content */\n.content {\n  flex: 1;\n  overflow-y: auto;\n  min-height: 0;\n}\n\n/* Bottom bar — fixed, no scroll */\n.bottom {\n  flex-shrink: 0;\n}\n"],"mappings":""}

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

@@ -0,0 +1,10 @@
+var e = {
+	toolbarView: "_toolbarView_134hf_3",
+	top: "_top_134hf_11",
+	content: "_content_134hf_16",
+	bottom: "_bottom_134hf_23"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=ToolbarView.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarView.module.css.js","names":[],"sources":["../../../src/components/ToolbarView/ToolbarView.module.css"],"sourcesContent":["/* ─── ToolbarView ────────────────────────────────────────────────────────────── */\n\n.toolbarView {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n/* Top bar — fixed, no scroll */\n.top {\n  flex-shrink: 0;\n}\n\n/* Scrollable content */\n.content {\n  flex: 1;\n  overflow-y: auto;\n  min-height: 0;\n}\n\n/* Bottom bar — fixed, no scroll */\n.bottom {\n  flex-shrink: 0;\n}\n"],"mappings":""}

package/dist/components/ToolbarView.cjs

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

package/dist/components/ToolbarView.d.ts

@@ -0,0 +1,2 @@
+export * from './ToolbarView/index'
+export {}

package/dist/components/ToolbarView.js

@@ -0,0 +1,2 @@
+import { ToolbarView as e } from "./ToolbarView/ToolbarView.js";
+export { e as ToolbarView };

package/dist/components/Tooltip/Tooltip.cjs

@@ -0,0 +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,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 o({label:i,placement:o=`top`,delay:s=500,children:c}){let l=(0,t.useId)(),[u,d]=(0,t.useState)(!1),[f,p]=(0,t.useState)(null),m=(0,t.useRef)(null),h=(0,t.useRef)(null),g=(0,t.useRef)(null),_=()=>{g.current&&=(clearTimeout(g.current),null)},v=(0,t.useCallback)(()=>{!m.current||!h.current||p(a(m.current.getBoundingClientRect(),h.current.getBoundingClientRect(),o))},[o]);(0,t.useEffect)(()=>{if(u)return v(),window.addEventListener(`scroll`,v,{passive:!0,capture:!0}),window.addEventListener(`resize`,v,{passive:!0}),()=>{window.removeEventListener(`scroll`,v,{capture:!0}),window.removeEventListener(`resize`,v)}},[u,v]);let y=(0,t.useCallback)(()=>{_(),g.current=setTimeout(()=>d(!0),s)},[s]),b=(0,t.useCallback)(()=>{_(),d(!1),p(null)},[]);(0,t.useEffect)(()=>{u&&v()},[u,v]),(0,t.useEffect)(()=>{if(!u)return;let e=e=>{e.key===`Escape`&&b()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[u,b]);let x=(0,t.cloneElement)(c,{ref:m,"aria-describedby":l,onMouseEnter:e=>{y(),c.props.onMouseEnter?.(e)},onMouseLeave:e=>{b(),c.props.onMouseLeave?.(e)},onFocus:e=>{y(),c.props.onFocus?.(e)},onBlur:e=>{b(),c.props.onBlur?.(e)}}),S=(0,r.jsx)(`div`,{ref:h,id:l,role:`tooltip`,className:[e.default.tooltip,f?e.default[f.placement]:null,u&&f?e.default.visible:null].filter(Boolean).join(` `),style:f?{top:f.top,left:f.left}:{visibility:`hidden`,top:-9999,left:-9999},children:i});return(0,r.jsxs)(r.Fragment,{children:[x,typeof document<`u`?(0,n.createPortal)(S,document.body):S]})}exports.Tooltip=o;
+//# sourceMappingURL=Tooltip.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs","names":[],"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  useState,\n  useRef,\n  useId,\n  useCallback,\n  useEffect,\n  cloneElement,\n  type ReactElement,\n  type HTMLAttributes,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\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 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\" ? \"bottom\" : \"top\"\n      : preferred === \"left\" ? \"right\" : \"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, left = 0;\n  if (preferred === \"top\")    { top = trigger.top - tooltip.height - GAP; left = trigger.left + trigger.width / 2 - tooltip.width / 2; }\n  if (preferred === \"bottom\") { top = trigger.bottom + GAP;               left = trigger.left + trigger.width / 2 - tooltip.width / 2; }\n  if (preferred === \"left\")   { top = trigger.top + trigger.height / 2 - tooltip.height / 2; left = trigger.left - tooltip.width - GAP; }\n  if (preferred === \"right\")  { top = trigger.top + trigger.height / 2 - tooltip.height / 2; left = trigger.right + GAP; }\n\n  const margin = 8;\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 = () => {\n    if (timerRef.current) { clearTimeout(timerRef.current); timerRef.current = null; }\n  };\n\n  const place = useCallback(() => {\n    if (!triggerRef.current || !tooltipRef.current) return;\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n    setPos(computePosition(triggerRect, tooltipRect, preferredPlacement));\n  }, [preferredPlacement]);\n\n  // Reposition on scroll/resize while visible\n  useEffect(() => {\n    if (!visible) return;\n    place();\n    window.addEventListener(\"scroll\", place, { passive: true, capture: true });\n    window.addEventListener(\"resize\", place, { passive: true });\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]);\n\n  const hide = useCallback(() => {\n    clearTimer();\n    setVisible(false);\n    setPos(null);\n  }, []);\n\n  // Position as soon as the tooltip mounts\n  useEffect(() => {\n    if (visible) place();\n  }, [visible, place]);\n\n  // Dismiss on Escape\n  useEffect(() => {\n    if (!visible) return;\n    const handler = (e: KeyboardEvent) => { if (e.key === \"Escape\") hide(); };\n    document.addEventListener(\"keydown\", handler);\n    return () => document.removeEventListener(\"keydown\", handler);\n  }, [visible, hide]);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const child = cloneElement(children as any, {\n    ref: triggerRef,\n    \"aria-describedby\": id,\n    onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n      show();\n      children.props.onMouseEnter?.(e);\n    },\n    onMouseLeave: (e: React.MouseEvent<HTMLElement>) => {\n      hide();\n      children.props.onMouseLeave?.(e);\n    },\n    onFocus: (e: React.FocusEvent<HTMLElement>) => {\n      show();\n      children.props.onFocus?.(e);\n    },\n    onBlur: (e: React.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\n          ? { top: pos.top, left: pos.left }\n          : { visibility: \"hidden\", top: -9999, left: -9999 }\n      }\n    >\n      {label}\n    </div>\n  );\n\n  return (\n    <>\n      {child}\n      {typeof document !== \"undefined\"\n        ? createPortal(tooltip, document.body)\n        : tooltip}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/Tooltip/Tooltip.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  useState,\n  useRef,\n  useId,\n  useCallback,\n  useEffect,\n  cloneElement,\n  type ReactElement,\n  type HTMLAttributes,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\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 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\" ? \"bottom\" : \"top\"\n      : preferred === \"left\" ? \"right\" : \"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, left = 0;\n  if (preferred === \"top\")    { top = trigger.top - tooltip.height - GAP; left = trigger.left + trigger.width / 2 - tooltip.width / 2; }\n  if (preferred === \"bottom\") { top = trigger.bottom + GAP;               left = trigger.left + trigger.width / 2 - tooltip.width / 2; }\n  if (preferred === \"left\")   { top = trigger.top + trigger.height / 2 - tooltip.height / 2; left = trigger.left - tooltip.width - GAP; }\n  if (preferred === \"right\")  { top = trigger.top + trigger.height / 2 - tooltip.height / 2; left = trigger.right + GAP; }\n\n  const margin = 8;\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 = () => {\n    if (timerRef.current) { clearTimeout(timerRef.current); timerRef.current = null; }\n  };\n\n  const place = useCallback(() => {\n    if (!triggerRef.current || !tooltipRef.current) return;\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n    setPos(computePosition(triggerRect, tooltipRect, preferredPlacement));\n  }, [preferredPlacement]);\n\n  // Reposition on scroll/resize while visible\n  useEffect(() => {\n    if (!visible) return;\n    place();\n    window.addEventListener(\"scroll\", place, { passive: true, capture: true });\n    window.addEventListener(\"resize\", place, { passive: true });\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]);\n\n  const hide = useCallback(() => {\n    clearTimer();\n    setVisible(false);\n    setPos(null);\n  }, []);\n\n  // Position as soon as the tooltip mounts\n  useEffect(() => {\n    if (visible) place();\n  }, [visible, place]);\n\n  // Dismiss on Escape\n  useEffect(() => {\n    if (!visible) return;\n    const handler = (e: KeyboardEvent) => { if (e.key === \"Escape\") hide(); };\n    document.addEventListener(\"keydown\", handler);\n    return () => document.removeEventListener(\"keydown\", handler);\n  }, [visible, hide]);\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const child = cloneElement(children as any, {\n    ref: triggerRef,\n    \"aria-describedby\": id,\n    onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n      show();\n      children.props.onMouseEnter?.(e);\n    },\n    onMouseLeave: (e: React.MouseEvent<HTMLElement>) => {\n      hide();\n      children.props.onMouseLeave?.(e);\n    },\n    onFocus: (e: React.FocusEvent<HTMLElement>) => {\n      show();\n      children.props.onFocus?.(e);\n    },\n    onBlur: (e: React.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\n          ? { top: pos.top, left: pos.left }\n          : { visibility: \"hidden\", top: -9999, left: -9999 }\n      }\n    >\n      {label}\n    </div>\n  );\n\n  return (\n    <>\n      {child}\n      {typeof document !== \"undefined\"\n        ? createPortal(tooltip, document.body)\n        : tooltip}\n    </>\n  );\n}\n"],"mappings":";;;;;AA6CA,IAAM,IAAM;AAEZ,SAAS,EACP,GACA,GACA,GACU;CACV,IAAM,IAAK,OAAO,YACZ,IAAK,OAAO,aAEZ,IAAiC;EACrC;EACA,MAAc,SAAS,MAAc,WACjC,MAAc,QAAQ,WAAW,QACjC,MAAc,SAAS,UAAU;EACrC;EACA;EACA;EACA;EACD;AAED,MAAK,IAAM,KAAK,GAAY;EAC1B,IAAI,IAAM,GACN,IAAO;AAEX,EAAI,MAAM,SACR,IAAO,EAAQ,MAAO,EAAQ,SAAS,GACvC,IAAO,EAAQ,OAAO,EAAQ,QAAQ,IAAI,EAAQ,QAAQ,KACjD,MAAM,YACf,IAAO,EAAQ,SAAS,GACxB,IAAO,EAAQ,OAAS,EAAQ,QAAQ,IAAI,EAAQ,QAAQ,KACnD,MAAM,UACf,IAAO,EAAQ,MAAO,EAAQ,SAAS,IAAI,EAAQ,SAAS,GAC5D,IAAO,EAAQ,OAAO,EAAQ,QAAQ,MAEtC,IAAO,EAAQ,MAAS,EAAQ,SAAS,IAAI,EAAQ,SAAS,GAC9D,IAAO,EAAQ,QAAS;EAI1B,IACM,IAAQ,KAAQ,KAAU,IAAO,EAAQ,SAAU,IAAK,GACxD,IAAQ,KAAQ,KAAU,IAAO,EAAQ,UAAU,IAAK;AAE9D,MAAI,KAAS,EACX,QAAO;GACL,KAAM,KAAK,IAAI,GAAQ,KAAK,IAAI,GAAM,IAAK,EAAQ,SAAS,EAAO,CAAC;GACpE,MAAM,KAAK,IAAI,GAAQ,KAAK,IAAI,GAAM,IAAK,EAAQ,QAAS,EAAO,CAAC;GACpE,WAAW;GACZ;;CAKL,IAAI,IAAM,GAAG,IAAO;AAOpB,QANI,MAAc,UAAY,IAAM,EAAQ,MAAM,EAAQ,SAAS,GAAK,IAAO,EAAQ,OAAO,EAAQ,QAAQ,IAAI,EAAQ,QAAQ,IAC9H,MAAc,aAAY,IAAM,EAAQ,SAAS,GAAmB,IAAO,EAAQ,OAAO,EAAQ,QAAQ,IAAI,EAAQ,QAAQ,IAC9H,MAAc,WAAY,IAAM,EAAQ,MAAM,EAAQ,SAAS,IAAI,EAAQ,SAAS,GAAG,IAAO,EAAQ,OAAO,EAAQ,QAAQ,IAC7H,MAAc,YAAY,IAAM,EAAQ,MAAM,EAAQ,SAAS,IAAI,EAAQ,SAAS,GAAG,IAAO,EAAQ,QAAQ,IAG3G;EACL,KAAM,KAAK,IAAI,GAAQ,KAAK,IAAI,GAAM,IAAK,EAAQ,SAAS,EAAO,CAAC;EACpE,MAAM,KAAK,IAAI,GAAQ,KAAK,IAAI,GAAM,OAAO,aAAa,EAAQ,QAAS,EAAO,CAAC;EACnF,WAAW;EACZ;;AAqBH,SAAgB,EAAQ,EACtB,UACA,WAAW,IAAqB,OAChC,WAAQ,KACR,eACe;CACf,IAAM,IAAK,GAAO,EACZ,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAK,KAAU,EAA0B,KAAK,EAE/C,IAAa,EAAoB,KAAK,EACtC,IAAa,EAAuB,KAAK,EACzC,IAAa,EAA6C,KAAK,EAE/D,UAAmB;AACvB,EAAwD,EAAS,aAAzC,aAAa,EAAS,QAAQ,EAAqB;IAGvE,IAAQ,QAAkB;AAC1B,GAAC,EAAW,WAAW,CAAC,EAAW,WAGvC,EAAO,EAFa,EAAW,QAAQ,uBAAuB,EAC1C,EAAW,QAAQ,uBAAuB,EACb,EAAmB,CAAC;IACpE,CAAC,EAAmB,CAAC;AAGxB,SAAgB;AACT,QAIL,QAHA,GAAO,EACP,OAAO,iBAAiB,UAAU,GAAO;GAAE,SAAS;GAAM,SAAS;GAAM,CAAC,EAC1E,OAAO,iBAAiB,UAAU,GAAO,EAAE,SAAS,IAAM,CAAC,QAC9C;AAEX,GADA,OAAO,oBAAoB,UAAU,GAAO,EAAE,SAAS,IAAM,CAAC,EAC9D,OAAO,oBAAoB,UAAU,EAAM;;IAE5C,CAAC,GAAS,EAAM,CAAC;CAEpB,IAAM,IAAO,QAAkB;AAE7B,EADA,GAAY,EACZ,EAAS,UAAU,iBAAiB,EAAW,GAAK,EAAE,EAAM;IAC3D,CAAC,EAAM,CAAC,EAEL,IAAO,QAAkB;AAG7B,EAFA,GAAY,EACZ,EAAW,GAAM,EACjB,EAAO,KAAK;IACX,EAAE,CAAC;AAQN,CALA,QAAgB;AACd,EAAI,KAAS,GAAO;IACnB,CAAC,GAAS,EAAM,CAAC,EAGpB,QAAgB;AACd,MAAI,CAAC,EAAS;EACd,IAAM,KAAW,MAAqB;AAAE,GAAI,EAAE,QAAQ,YAAU,GAAM;;AAEtE,SADA,SAAS,iBAAiB,WAAW,EAAQ,QAChC,SAAS,oBAAoB,WAAW,EAAQ;IAC5D,CAAC,GAAS,EAAK,CAAC;CAGnB,IAAM,IAAQ,EAAa,GAAiB;EAC1C,KAAK;EACL,oBAAoB;EACpB,eAAe,MAAqC;AAElD,GADA,GAAM,EACN,EAAS,MAAM,eAAe,EAAE;;EAElC,eAAe,MAAqC;AAElD,GADA,GAAM,EACN,EAAS,MAAM,eAAe,EAAE;;EAElC,UAAU,MAAqC;AAE7C,GADA,GAAM,EACN,EAAS,MAAM,UAAU,EAAE;;EAE7B,SAAS,MAAqC;AAE5C,GADA,GAAM,EACN,EAAS,MAAM,SAAS,EAAE;;EAE7B,CAAC,EAEI,IACJ,kBAAC,OAAD;EACE,KAAK;EACD;EACJ,MAAK;EACL,WAAW;GACT,EAAO;GACP,IAAM,EAAO,EAAI,aAAa;GAC9B,KAAW,IAAM,EAAO,UAAU;GACnC,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,OACE,IACI;GAAE,KAAK,EAAI;GAAK,MAAM,EAAI;GAAM,GAChC;GAAE,YAAY;GAAU,KAAK;GAAO,MAAM;GAAO;YAGtD;EACG,CAAA;AAGR,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACA,OAAO,WAAa,MACjB,EAAa,GAAS,SAAS,KAAK,GACpC,EACH,EAAA,CAAA"}

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

@@ -0,0 +1,2 @@
+var e={tooltip:`_tooltip_y4het_3`,visible:`_visible_y4het_29`,top:`_top_y4het_55`,bottom:`_bottom_y4het_62`,left:`_left_y4het_69`,right:`_right_y4het_76`};exports.default=e;
+//# sourceMappingURL=Tooltip.module.css.cjs.map

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

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

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

@@ -0,0 +1,12 @@
+var e = {
+	tooltip: "_tooltip_y4het_3",
+	visible: "_visible_y4het_29",
+	top: "_top_y4het_55",
+	bottom: "_bottom_y4het_62",
+	left: "_left_y4het_69",
+	right: "_right_y4het_76"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Tooltip.module.css.js.map

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

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

package/dist/components/Tooltip.cjs

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

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,2 @@
+export * from './Tooltip/index'
+export {}

package/dist/components/Tooltip.js

@@ -0,0 +1,2 @@
+import { Tooltip as e } from "./Tooltip/Tooltip.js";
+export { e as Tooltip };

package/dist/components/ViewSwitcher/ViewSwitcher.cjs

@@ -0,0 +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=t.findIndex(e=>e===document.activeElement);if(n===-1)return;let r=n;if(e.key===`ArrowRight`||e.key===`ArrowDown`)r=(n+1)%t.length;else if(e.key===`ArrowLeft`||e.key===`ArrowUp`)r=(n-1+t.length)%t.length;else if(e.key===`Home`)r=0;else if(e.key===`End`)r=t.length-1;else return;e.preventDefault(),t[r].focus(),t[r].click()}return(0,n.jsx)(`div`,{ref:s,role:`radiogroup`,"aria-label":a,onKeyDown:c,className:[e.default.switcher,i].filter(Boolean).join(` `),...o,children:r})}exports.ViewSwitcher=r;
+//# sourceMappingURL=ViewSwitcher.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSwitcher.cjs","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcher.tsx"],"sourcesContent":["import {\n  useRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport styles from \"./ViewSwitcher.module.css\";\n\nexport interface ViewSwitcherProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the group. */\n  \"aria-label\"?: string;\n}\n\n/**\n * Segmented control for switching between major views.\n *\n * Mirrors the Adwaita `AdwViewSwitcher` pattern. Place in a `HeaderBar`\n * as the `title` for the canonical GNOME layout.\n *\n * Compose with `ViewSwitcherItem` for each option.\n * Keyboard: ← / → cycle through items, Home / End jump to first / last.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ViewSwitcher.html\n * @see https://developer.gnome.org/hig/patterns/nav/view-switchers.html\n */\nexport function ViewSwitcher({\n  children,\n  className,\n  \"aria-label\": ariaLabel = \"View switcher\",\n  ...props\n}: ViewSwitcherProps) {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>(\n        \"[role=radio]:not(:disabled)\",\n      ) ?? [],\n    );\n    const idx = items.findIndex((el) => el === document.activeElement);\n    if (idx === -1) return;\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\") next = 0;\n    else if (e.key === \"End\") next = items.length - 1;\n    else return;\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <div\n      ref={groupRef}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      onKeyDown={handleKeyDown}\n      className={[styles.switcher, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"uGA0BA,SAAgB,EAAa,CAC3B,WACA,YACA,aAAc,EAAY,gBAC1B,GAAG,GACiB,CACpB,IAAM,GAAA,EAAA,EAAA,QAAkC,KAAK,CAE7C,SAAS,EAAc,EAAkC,CACvD,IAAM,EAAQ,MAAM,KAClB,EAAS,SAAS,iBAChB,8BACD,EAAI,EAAE,CACR,CACK,EAAM,EAAM,UAAW,GAAO,IAAO,SAAS,cAAc,CAClE,GAAI,IAAQ,GAAI,OAEhB,IAAI,EAAO,EACX,GAAI,EAAE,MAAQ,cAAgB,EAAE,MAAQ,YACtC,GAAQ,EAAM,GAAK,EAAM,eAClB,EAAE,MAAQ,aAAe,EAAE,MAAQ,UAC1C,GAAQ,EAAM,EAAI,EAAM,QAAU,EAAM,eACjC,EAAE,MAAQ,OAAQ,EAAO,UACzB,EAAE,MAAQ,MAAO,EAAO,EAAM,OAAS,OAC3C,OAEL,EAAE,gBAAgB,CAClB,EAAM,GAAM,OAAO,CACnB,EAAM,GAAM,OAAO,CAGrB,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,KAAK,aACL,aAAY,EACZ,UAAW,EACX,UAAW,CAAC,EAAA,QAAO,SAAU,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CACjE,GAAI,EAEH,WACG,CAAA"}

package/dist/components/ViewSwitcher/ViewSwitcher.js

@@ -0,0 +1,31 @@
+import e from "./ViewSwitcher.module.css.js";
+import { useRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ViewSwitcher/ViewSwitcher.tsx
+function r({ children: r, className: i, "aria-label": a = "View switcher", ...o }) {
+	let s = t(null);
+	function c(e) {
+		let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
+		if (n === -1) return;
+		let r = n;
+		if (e.key === "ArrowRight" || e.key === "ArrowDown") r = (n + 1) % t.length;
+		else if (e.key === "ArrowLeft" || e.key === "ArrowUp") r = (n - 1 + t.length) % t.length;
+		else if (e.key === "Home") r = 0;
+		else if (e.key === "End") r = t.length - 1;
+		else return;
+		e.preventDefault(), t[r].focus(), t[r].click();
+	}
+	return /* @__PURE__ */ n("div", {
+		ref: s,
+		role: "radiogroup",
+		"aria-label": a,
+		onKeyDown: c,
+		className: [e.switcher, i].filter(Boolean).join(" "),
+		...o,
+		children: r
+	});
+}
+//#endregion
+export { r as ViewSwitcher };
+
+//# sourceMappingURL=ViewSwitcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSwitcher.js","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcher.tsx"],"sourcesContent":["import {\n  useRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport styles from \"./ViewSwitcher.module.css\";\n\nexport interface ViewSwitcherProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /** Accessible label for the group. */\n  \"aria-label\"?: string;\n}\n\n/**\n * Segmented control for switching between major views.\n *\n * Mirrors the Adwaita `AdwViewSwitcher` pattern. Place in a `HeaderBar`\n * as the `title` for the canonical GNOME layout.\n *\n * Compose with `ViewSwitcherItem` for each option.\n * Keyboard: ← / → cycle through items, Home / End jump to first / last.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.ViewSwitcher.html\n * @see https://developer.gnome.org/hig/patterns/nav/view-switchers.html\n */\nexport function ViewSwitcher({\n  children,\n  className,\n  \"aria-label\": ariaLabel = \"View switcher\",\n  ...props\n}: ViewSwitcherProps) {\n  const groupRef = useRef<HTMLDivElement>(null);\n\n  function handleKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const items = Array.from(\n      groupRef.current?.querySelectorAll<HTMLButtonElement>(\n        \"[role=radio]:not(:disabled)\",\n      ) ?? [],\n    );\n    const idx = items.findIndex((el) => el === document.activeElement);\n    if (idx === -1) return;\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\") next = 0;\n    else if (e.key === \"End\") next = items.length - 1;\n    else return;\n\n    e.preventDefault();\n    items[next].focus();\n    items[next].click();\n  }\n\n  return (\n    <div\n      ref={groupRef}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      onKeyDown={handleKeyDown}\n      className={[styles.switcher, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AA0BA,SAAgB,EAAa,EAC3B,aACA,cACA,cAAc,IAAY,iBAC1B,GAAG,KACiB;CACpB,IAAM,IAAW,EAAuB,KAAK;CAE7C,SAAS,EAAc,GAAkC;EACvD,IAAM,IAAQ,MAAM,KAClB,EAAS,SAAS,iBAChB,8BACD,IAAI,EAAE,CACR,EACK,IAAM,EAAM,WAAW,MAAO,MAAO,SAAS,cAAc;AAClE,MAAI,MAAQ,GAAI;EAEhB,IAAI,IAAO;AACX,MAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,YACtC,MAAQ,IAAM,KAAK,EAAM;WAClB,EAAE,QAAQ,eAAe,EAAE,QAAQ,UAC1C,MAAQ,IAAM,IAAI,EAAM,UAAU,EAAM;WACjC,EAAE,QAAQ,OAAQ,KAAO;WACzB,EAAE,QAAQ,MAAO,KAAO,EAAM,SAAS;MAC3C;AAIL,EAFA,EAAE,gBAAgB,EAClB,EAAM,GAAM,OAAO,EACnB,EAAM,GAAM,OAAO;;AAGrB,QACE,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAY;EACZ,WAAW;EACX,WAAW,CAAC,EAAO,UAAU,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EACjE,GAAI;EAEH;EACG,CAAA"}

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

@@ -0,0 +1,2 @@
+var e={switcher:`_switcher_1uh9r_3`,item:`_item_1uh9r_18`,active:`_active_1uh9r_45`,itemIcon:`_itemIcon_1uh9r_76`,itemLabel:`_itemLabel_1uh9r_84`};exports.default=e;
+//# sourceMappingURL=ViewSwitcher.module.css.cjs.map

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

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

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

@@ -0,0 +1,11 @@
+var e = {
+	switcher: "_switcher_1uh9r_3",
+	item: "_item_1uh9r_18",
+	active: "_active_1uh9r_45",
+	itemIcon: "_itemIcon_1uh9r_76",
+	itemLabel: "_itemLabel_1uh9r_84"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=ViewSwitcher.module.css.js.map

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

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

package/dist/components/ViewSwitcher/ViewSwitcherItem.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSwitcherItem.cjs","names":[],"sources":["../../../src/components/ViewSwitcher/ViewSwitcherItem.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./ViewSwitcher.module.css\";\n\nexport interface ViewSwitcherItemProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Display label. */\n  label: string;\n  /** Optional icon from `@gnome-ui/icons`. */\n  icon?: IconDefinition;\n  /** Marks this item as the currently active view. */\n  active?: boolean;\n}\n\n/**\n * Individual option inside a `ViewSwitcher`.\n *\n * Renders as `role=\"radio\"` so the group has proper radiogroup semantics.\n */\nexport function ViewSwitcherItem({\n  label,\n  icon,\n  active = false,\n  className,\n  disabled,\n  ...props\n}: ViewSwitcherItemProps) {\n  return (\n    <button\n      type=\"button\"\n      role=\"radio\"\n      aria-checked={active}\n      tabIndex={active ? 0 : -1}\n      disabled={disabled}\n      className={[\n        styles.item,\n        active ? styles.active : 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      <span className={styles.itemLabel}>{label}</span>\n    </button>\n  );\n}\n"],"mappings":"kHAoBA,SAAgB,EAAiB,CAC/B,QACA,OACA,SAAS,GACT,YACA,WACA,GAAG,GACqB,CACxB,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,KAAK,QACL,eAAc,EACd,SAAU,EAAS,EAAI,GACb,WACV,UAAW,CACT,EAAA,QAAO,KACP,EAAS,EAAA,QAAO,OAAS,KACzB,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAbN,CAeG,IACC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBACtB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,KAAK,KAAK,cAAA,GAAc,CAAA,CACrC,CAAA,EAET,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,EAAa,CAAA,CAC1C"}