@gnome-ui/react 1.46.0 → 1.47.0

package/README.md

@@ -191,6 +191,7 @@ import { Button } from "@gnome-ui/react/components/Button";
 | [`SpinButton`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-spinbutton--docs) | Numeric input with −/+ buttons, keyboard nav, decimal support |
 | [`Slider`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-slider--docs) | Draggable range control with tick marks, decimal steps, and keyboard nav |
 | [`Dropdown`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-dropdown--docs) | Expandable option list with keyboard nav, flip positioning, and descriptions |
+| [`ScrollToTop`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-scrolltotop--docs) | Fixed-position OSD button that scrolls to the top; auto-hides below a scroll threshold (`visible="auto"`), six anchor positions, semi-transparent until hovered |
 | [`SearchBar`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-searchbar--docs) | Collapsible search bar with auto-focus, clear button, filter row, `inline` variant, and autocomplete popover (`suggestions` / `loadingSuggestions`) |
 | [`Link`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-link--docs) | Inline hyperlink with accent colour, animated underline, and external-URL variant |
 | [`ToggleGroup`](https://eljijuna.github.io/gnome-ui/?path=/docs/components-togglegroup--docs) / `ToggleGroupItem` | Mutually-exclusive toggle buttons; icon-only, label-only, or icon + label |

package/dist/components/ScrollToTop/ScrollToTop.cjs

@@ -0,0 +1,2 @@
+const e=require("../IconButton/IconButton.cjs"),t=require("./ScrollToTop.module.css.cjs"),n=require("./useScrollToTopVisibility.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("@gnome-ui/icons");var o={"bottom-right":t.default.bottom_right,"bottom-left":t.default.bottom_left,"bottom-center":t.default.bottom_center,"top-right":t.default.top_right,"top-left":t.default.top_left,"top-center":t.default.top_center},s=(0,r.forwardRef)(function({visible:r=`auto`,position:s=`bottom-right`,threshold:c=300,scrollTarget:l,className:u,style:d},f){return n.useScrollToTopVisibility({visible:r,threshold:c,scrollTarget:l})?(0,i.jsx)(`div`,{ref:f,className:[t.default.root,o[s],u].filter(Boolean).join(` `),style:d,children:(0,i.jsx)(e.IconButton,{icon:a.GoUp,label:`Scroll to top`,variant:`osd`,onClick:()=>(l??window).scrollTo({top:0,behavior:`smooth`})})}):null});exports.ScrollToTop=s;
+//# sourceMappingURL=ScrollToTop.cjs.map

package/dist/components/ScrollToTop/ScrollToTop.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.cjs","names":[],"sources":["../../../src/components/ScrollToTop/ScrollToTop.tsx"],"sourcesContent":["import { GoUp } from '@gnome-ui/icons';\nimport { type CSSProperties, forwardRef } from 'react';\n\nimport { IconButton } from '../IconButton';\nimport styles from './ScrollToTop.module.css';\nimport { useScrollToTopVisibility } from './useScrollToTopVisibility';\n\n/**\n * Controls when the button is rendered.\n *\n * - `\"auto\"` — hidden until the user scrolls past `threshold` pixels (default).\n * - `\"always\"` — always rendered regardless of scroll position.\n */\nexport type ScrollToTopVisible = 'always' | 'auto';\n\n/**\n * Anchor corner or edge for the fixed-position container.\n * The button is inset `--gnome-space-4` (24 px) from each named edge.\n */\nexport type ScrollToTopPosition =\n  | 'bottom-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'top-right'\n  | 'top-left'\n  | 'top-center';\n\nexport interface ScrollToTopProps {\n  /**\n   * Controls when the button is visible.\n   *\n   * - `\"auto\"` (default) — shown only after the user scrolls past `threshold` pixels.\n   *   Hides again when they scroll back above the threshold.\n   * - `\"always\"` — permanently visible.\n   */\n  visible?: ScrollToTopVisible;\n  /**\n   * Corner or edge where the button is anchored inside the viewport.\n   *\n   * Default: `\"bottom-right\"`.\n   */\n  position?: ScrollToTopPosition;\n  /**\n   * Number of pixels the user must scroll before the button appears.\n   * Only relevant when `visible=\"auto\"`.\n   *\n   * Default: `300`.\n   */\n  threshold?: number;\n  /**\n   * Scrollable element to observe and scroll back to the top.\n   * Pass an `HTMLElement` when the scrollable area is a container other than\n   * the page (e.g. a drawer, a split-view pane, or a custom scroll region).\n   *\n   * Defaults to `window`.\n   */\n  scrollTarget?: HTMLElement | Window;\n  /** Additional CSS class applied to the root positioning container. */\n  className?: string;\n  /** Inline styles applied to the root positioning container. */\n  style?: CSSProperties;\n}\n\nconst POSITION_CLASS: Record<ScrollToTopPosition, string> = {\n  'bottom-right': styles.bottom_right,\n  'bottom-left': styles.bottom_left,\n  'bottom-center': styles.bottom_center,\n  'top-right': styles.top_right,\n  'top-left': styles.top_left,\n  'top-center': styles.top_center,\n};\n\n/**\n * Fixed-position OSD button that scrolls the page (or a container) back to the top.\n *\n * - Renders a circular `IconButton` with the `GoUp` icon at the chosen `position`.\n * - When `visible=\"auto\"` (default), the button appears only after the user scrolls\n *   past `threshold` pixels and hides again when they scroll back above it.\n * - The button is semi-transparent at rest (`opacity: 0.5`) and fully opaque on\n *   hover or keyboard focus, so it does not obscure underlying content.\n * - Clicking triggers a smooth scroll to the top via `scrollTo({ top: 0, behavior: \"smooth\" })`.\n * - Forwards `ref` to the root `<div>` positioning container, not the inner `<button>`.\n *\n * @example\n * // Minimal — appears after 300 px of scroll, anchored bottom-right\n * <ScrollToTop />\n *\n * @example\n * // Always visible, anchored bottom-left\n * <ScrollToTop visible=\"always\" position=\"bottom-left\" />\n *\n * @example\n * // Observe a custom scrollable container\n * const ref = useRef<HTMLDivElement>(null);\n * <div ref={ref} style={{ overflowY: 'auto', height: 400 }}>...</div>\n * <ScrollToTop scrollTarget={ref.current ?? undefined} threshold={150} />\n */\nexport const ScrollToTop = forwardRef<HTMLDivElement, ScrollToTopProps>(function ScrollToTop(\n  { visible = 'auto', position = 'bottom-right', threshold = 300, scrollTarget, className, style },\n  ref,\n) {\n  const isVisible = useScrollToTopVisibility({ visible, threshold, scrollTarget });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={[styles.root, POSITION_CLASS[position], className].filter(Boolean).join(' ')}\n      style={style}\n    >\n      <IconButton\n        icon={GoUp}\n        label=\"Scroll to top\"\n        variant=\"osd\"\n        onClick={() => (scrollTarget ?? window).scrollTo({ top: 0, behavior: 'smooth' })}\n      />\n    </div>\n  );\n});\n"],"mappings":"yNA+DA,IAAM,EAAsD,CAC1D,eAAgB,EAAA,QAAO,aACvB,cAAe,EAAA,QAAO,YACtB,gBAAiB,EAAA,QAAO,cACxB,YAAa,EAAA,QAAO,UACpB,WAAY,EAAA,QAAO,SACnB,aAAc,EAAA,QAAO,UACvB,EA2Ba,GAAA,EAAA,EAAA,YAA2D,SACtE,CAAE,UAAU,OAAQ,WAAW,eAAgB,YAAY,IAAK,eAAc,YAAW,SACzF,EACA,CAOA,OANkB,EAAA,yBAAyB,CAAE,UAAS,YAAW,cAAa,CAEzE,GAKH,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,CAAC,EAAA,QAAO,KAAM,EAAe,GAAW,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/E,kBAEP,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,KAAM,EAAA,KACN,MAAM,gBACN,QAAQ,MACR,aAAgB,GAAgB,QAAQ,SAAS,CAAE,IAAK,EAAG,SAAU,QAAS,CAAC,CAChF,CAAA,CACE,CAAA,EAfE,IAiBX,CAAC"}

package/dist/components/ScrollToTop/ScrollToTop.d.ts

@@ -0,0 +1,74 @@
+import { CSSProperties } from 'react';
+/**
+ * Controls when the button is rendered.
+ *
+ * - `"auto"` — hidden until the user scrolls past `threshold` pixels (default).
+ * - `"always"` — always rendered regardless of scroll position.
+ */
+export type ScrollToTopVisible = 'always' | 'auto';
+/**
+ * Anchor corner or edge for the fixed-position container.
+ * The button is inset `--gnome-space-4` (24 px) from each named edge.
+ */
+export type ScrollToTopPosition = 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left' | 'top-center';
+export interface ScrollToTopProps {
+    /**
+     * Controls when the button is visible.
+     *
+     * - `"auto"` (default) — shown only after the user scrolls past `threshold` pixels.
+     *   Hides again when they scroll back above the threshold.
+     * - `"always"` — permanently visible.
+     */
+    visible?: ScrollToTopVisible;
+    /**
+     * Corner or edge where the button is anchored inside the viewport.
+     *
+     * Default: `"bottom-right"`.
+     */
+    position?: ScrollToTopPosition;
+    /**
+     * Number of pixels the user must scroll before the button appears.
+     * Only relevant when `visible="auto"`.
+     *
+     * Default: `300`.
+     */
+    threshold?: number;
+    /**
+     * Scrollable element to observe and scroll back to the top.
+     * Pass an `HTMLElement` when the scrollable area is a container other than
+     * the page (e.g. a drawer, a split-view pane, or a custom scroll region).
+     *
+     * Defaults to `window`.
+     */
+    scrollTarget?: HTMLElement | Window;
+    /** Additional CSS class applied to the root positioning container. */
+    className?: string;
+    /** Inline styles applied to the root positioning container. */
+    style?: CSSProperties;
+}
+/**
+ * Fixed-position OSD button that scrolls the page (or a container) back to the top.
+ *
+ * - Renders a circular `IconButton` with the `GoUp` icon at the chosen `position`.
+ * - When `visible="auto"` (default), the button appears only after the user scrolls
+ *   past `threshold` pixels and hides again when they scroll back above it.
+ * - The button is semi-transparent at rest (`opacity: 0.5`) and fully opaque on
+ *   hover or keyboard focus, so it does not obscure underlying content.
+ * - Clicking triggers a smooth scroll to the top via `scrollTo({ top: 0, behavior: "smooth" })`.
+ * - Forwards `ref` to the root `<div>` positioning container, not the inner `<button>`.
+ *
+ * @example
+ * // Minimal — appears after 300 px of scroll, anchored bottom-right
+ * <ScrollToTop />
+ *
+ * @example
+ * // Always visible, anchored bottom-left
+ * <ScrollToTop visible="always" position="bottom-left" />
+ *
+ * @example
+ * // Observe a custom scrollable container
+ * const ref = useRef<HTMLDivElement>(null);
+ * <div ref={ref} style={{ overflowY: 'auto', height: 400 }}>...</div>
+ * <ScrollToTop scrollTarget={ref.current ?? undefined} threshold={150} />
+ */
+export declare const ScrollToTop: import('react').ForwardRefExoticComponent<ScrollToTopProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/ScrollToTop/ScrollToTop.js

@@ -0,0 +1,42 @@
+import { IconButton as e } from "../IconButton/IconButton.js";
+import t from "./ScrollToTop.module.css.js";
+import { useScrollToTopVisibility as n } from "./useScrollToTopVisibility.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { GoUp as a } from "@gnome-ui/icons";
+//#region src/components/ScrollToTop/ScrollToTop.tsx
+var o = {
+	"bottom-right": t.bottom_right,
+	"bottom-left": t.bottom_left,
+	"bottom-center": t.bottom_center,
+	"top-right": t.top_right,
+	"top-left": t.top_left,
+	"top-center": t.top_center
+}, s = r(function({ visible: r = "auto", position: s = "bottom-right", threshold: c = 300, scrollTarget: l, className: u, style: d }, f) {
+	return n({
+		visible: r,
+		threshold: c,
+		scrollTarget: l
+	}) ? /* @__PURE__ */ i("div", {
+		ref: f,
+		className: [
+			t.root,
+			o[s],
+			u
+		].filter(Boolean).join(" "),
+		style: d,
+		children: /* @__PURE__ */ i(e, {
+			icon: a,
+			label: "Scroll to top",
+			variant: "osd",
+			onClick: () => (l ?? window).scrollTo({
+				top: 0,
+				behavior: "smooth"
+			})
+		})
+	}) : null;
+});
+//#endregion
+export { s as ScrollToTop };
+
+//# sourceMappingURL=ScrollToTop.js.map

package/dist/components/ScrollToTop/ScrollToTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.js","names":[],"sources":["../../../src/components/ScrollToTop/ScrollToTop.tsx"],"sourcesContent":["import { GoUp } from '@gnome-ui/icons';\nimport { type CSSProperties, forwardRef } from 'react';\n\nimport { IconButton } from '../IconButton';\nimport styles from './ScrollToTop.module.css';\nimport { useScrollToTopVisibility } from './useScrollToTopVisibility';\n\n/**\n * Controls when the button is rendered.\n *\n * - `\"auto\"` — hidden until the user scrolls past `threshold` pixels (default).\n * - `\"always\"` — always rendered regardless of scroll position.\n */\nexport type ScrollToTopVisible = 'always' | 'auto';\n\n/**\n * Anchor corner or edge for the fixed-position container.\n * The button is inset `--gnome-space-4` (24 px) from each named edge.\n */\nexport type ScrollToTopPosition =\n  | 'bottom-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'top-right'\n  | 'top-left'\n  | 'top-center';\n\nexport interface ScrollToTopProps {\n  /**\n   * Controls when the button is visible.\n   *\n   * - `\"auto\"` (default) — shown only after the user scrolls past `threshold` pixels.\n   *   Hides again when they scroll back above the threshold.\n   * - `\"always\"` — permanently visible.\n   */\n  visible?: ScrollToTopVisible;\n  /**\n   * Corner or edge where the button is anchored inside the viewport.\n   *\n   * Default: `\"bottom-right\"`.\n   */\n  position?: ScrollToTopPosition;\n  /**\n   * Number of pixels the user must scroll before the button appears.\n   * Only relevant when `visible=\"auto\"`.\n   *\n   * Default: `300`.\n   */\n  threshold?: number;\n  /**\n   * Scrollable element to observe and scroll back to the top.\n   * Pass an `HTMLElement` when the scrollable area is a container other than\n   * the page (e.g. a drawer, a split-view pane, or a custom scroll region).\n   *\n   * Defaults to `window`.\n   */\n  scrollTarget?: HTMLElement | Window;\n  /** Additional CSS class applied to the root positioning container. */\n  className?: string;\n  /** Inline styles applied to the root positioning container. */\n  style?: CSSProperties;\n}\n\nconst POSITION_CLASS: Record<ScrollToTopPosition, string> = {\n  'bottom-right': styles.bottom_right,\n  'bottom-left': styles.bottom_left,\n  'bottom-center': styles.bottom_center,\n  'top-right': styles.top_right,\n  'top-left': styles.top_left,\n  'top-center': styles.top_center,\n};\n\n/**\n * Fixed-position OSD button that scrolls the page (or a container) back to the top.\n *\n * - Renders a circular `IconButton` with the `GoUp` icon at the chosen `position`.\n * - When `visible=\"auto\"` (default), the button appears only after the user scrolls\n *   past `threshold` pixels and hides again when they scroll back above it.\n * - The button is semi-transparent at rest (`opacity: 0.5`) and fully opaque on\n *   hover or keyboard focus, so it does not obscure underlying content.\n * - Clicking triggers a smooth scroll to the top via `scrollTo({ top: 0, behavior: \"smooth\" })`.\n * - Forwards `ref` to the root `<div>` positioning container, not the inner `<button>`.\n *\n * @example\n * // Minimal — appears after 300 px of scroll, anchored bottom-right\n * <ScrollToTop />\n *\n * @example\n * // Always visible, anchored bottom-left\n * <ScrollToTop visible=\"always\" position=\"bottom-left\" />\n *\n * @example\n * // Observe a custom scrollable container\n * const ref = useRef<HTMLDivElement>(null);\n * <div ref={ref} style={{ overflowY: 'auto', height: 400 }}>...</div>\n * <ScrollToTop scrollTarget={ref.current ?? undefined} threshold={150} />\n */\nexport const ScrollToTop = forwardRef<HTMLDivElement, ScrollToTopProps>(function ScrollToTop(\n  { visible = 'auto', position = 'bottom-right', threshold = 300, scrollTarget, className, style },\n  ref,\n) {\n  const isVisible = useScrollToTopVisibility({ visible, threshold, scrollTarget });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={[styles.root, POSITION_CLASS[position], className].filter(Boolean).join(' ')}\n      style={style}\n    >\n      <IconButton\n        icon={GoUp}\n        label=\"Scroll to top\"\n        variant=\"osd\"\n        onClick={() => (scrollTarget ?? window).scrollTo({ top: 0, behavior: 'smooth' })}\n      />\n    </div>\n  );\n});\n"],"mappings":";;;;;;;AA+DA,IAAM,IAAsD;CAC1D,gBAAgB,EAAO;CACvB,eAAe,EAAO;CACtB,iBAAiB,EAAO;CACxB,aAAa,EAAO;CACpB,YAAY,EAAO;CACnB,cAAc,EAAO;AACvB,GA2Ba,IAAc,EAA6C,SACtE,EAAE,aAAU,QAAQ,cAAW,gBAAgB,eAAY,KAAK,iBAAc,cAAW,YACzF,GACA;CAOA,OANkB,EAAyB;EAAE;EAAS;EAAW;CAAa,CAEzE,IAKH,kBAAC,OAAD;EACO;EACL,WAAW;GAAC,EAAO;GAAM,EAAe;GAAW;EAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAC/E;YAEP,kBAAC,GAAD;GACE,MAAM;GACN,OAAM;GACN,SAAQ;GACR,gBAAgB,KAAgB,QAAQ,SAAS;IAAE,KAAK;IAAG,UAAU;GAAS,CAAC;EAChF,CAAA;CACE,CAAA,IAfE;AAiBX,CAAC"}

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

@@ -0,0 +1,2 @@
+var e={root:`_root_1qshr_1`,bottom_right:`_bottom_right_1qshr_8`,bottom_left:`_bottom_left_1qshr_13`,bottom_center:`_bottom_center_1qshr_18`,top_right:`_top_right_1qshr_24`,top_left:`_top_left_1qshr_29`,top_center:`_top_center_1qshr_34`};exports.default=e;
+//# sourceMappingURL=ScrollToTop.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.module.css.cjs","names":[],"sources":["../../../src/components/ScrollToTop/ScrollToTop.module.css"],"sourcesContent":[".root {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n}\n\n/* Position variants — 24px edge spacing via --gnome-space-4 */\n.bottom_right {\n  bottom: var(--gnome-space-4, 24px);\n  right: var(--gnome-space-4, 24px);\n}\n\n.bottom_left {\n  bottom: var(--gnome-space-4, 24px);\n  left: var(--gnome-space-4, 24px);\n}\n\n.bottom_center {\n  bottom: var(--gnome-space-4, 24px);\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.top_right {\n  top: var(--gnome-space-4, 24px);\n  right: var(--gnome-space-4, 24px);\n}\n\n.top_left {\n  top: var(--gnome-space-4, 24px);\n  left: var(--gnome-space-4, 24px);\n}\n\n.top_center {\n  top: var(--gnome-space-4, 24px);\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n/* Re-enable pointer events and apply hover opacity on the button */\n.root > button {\n  pointer-events: auto;\n  opacity: 0.5;\n  transition: opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.root > button:hover,\n.root > button:focus-visible {\n  opacity: 1;\n}\n"],"mappings":""}

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

@@ -0,0 +1,13 @@
+var e = {
+	root: "_root_1qshr_1",
+	bottom_right: "_bottom_right_1qshr_8",
+	bottom_left: "_bottom_left_1qshr_13",
+	bottom_center: "_bottom_center_1qshr_18",
+	top_right: "_top_right_1qshr_24",
+	top_left: "_top_left_1qshr_29",
+	top_center: "_top_center_1qshr_34"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=ScrollToTop.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollToTop.module.css.js","names":[],"sources":["../../../src/components/ScrollToTop/ScrollToTop.module.css"],"sourcesContent":[".root {\n  position: fixed;\n  z-index: 9999;\n  pointer-events: none;\n}\n\n/* Position variants — 24px edge spacing via --gnome-space-4 */\n.bottom_right {\n  bottom: var(--gnome-space-4, 24px);\n  right: var(--gnome-space-4, 24px);\n}\n\n.bottom_left {\n  bottom: var(--gnome-space-4, 24px);\n  left: var(--gnome-space-4, 24px);\n}\n\n.bottom_center {\n  bottom: var(--gnome-space-4, 24px);\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.top_right {\n  top: var(--gnome-space-4, 24px);\n  right: var(--gnome-space-4, 24px);\n}\n\n.top_left {\n  top: var(--gnome-space-4, 24px);\n  left: var(--gnome-space-4, 24px);\n}\n\n.top_center {\n  top: var(--gnome-space-4, 24px);\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n/* Re-enable pointer events and apply hover opacity on the button */\n.root > button {\n  pointer-events: auto;\n  opacity: 0.5;\n  transition: opacity var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.root > button:hover,\n.root > button:focus-visible {\n  opacity: 1;\n}\n"],"mappings":""}

package/dist/components/ScrollToTop/index.d.ts

@@ -0,0 +1,2 @@
+export type { ScrollToTopPosition, ScrollToTopProps, ScrollToTopVisible } from './ScrollToTop';
+export { ScrollToTop } from './ScrollToTop';

package/dist/components/ScrollToTop/useScrollToTopVisibility.cjs

@@ -0,0 +1,2 @@
+let e=require("react");function t({visible:t,threshold:n,scrollTarget:r}){let[i,a]=(0,e.useState)(!1);return(0,e.useEffect)(()=>{if(t===`always`)return;let e=r??window,i=()=>e===window?window.scrollY:e.scrollTop,o=()=>a(i()>n);return o(),e.addEventListener(`scroll`,o,{passive:!0}),()=>e.removeEventListener(`scroll`,o)},[t,n,r]),t===`always`||i}exports.useScrollToTopVisibility=t;
+//# sourceMappingURL=useScrollToTopVisibility.cjs.map

package/dist/components/ScrollToTop/useScrollToTopVisibility.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToTopVisibility.cjs","names":[],"sources":["../../../src/components/ScrollToTop/useScrollToTopVisibility.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { ScrollToTopVisible } from './ScrollToTop';\n\ninterface UseScrollToTopVisibilityOptions {\n  /** See {@link ScrollToTopVisible}. */\n  visible: ScrollToTopVisible;\n  /** Pixels scrolled before returning `true` in `\"auto\"` mode. */\n  threshold: number;\n  /** Element to observe. Defaults to `window` when `undefined`. */\n  scrollTarget?: HTMLElement | Window;\n}\n\n/**\n * Returns `true` when the `ScrollToTop` button should be rendered.\n *\n * - `visible === \"always\"` → always `true`; no scroll listener is attached.\n * - `visible === \"auto\"` → attaches a passive `scroll` listener on `scrollTarget`\n *   (or `window`) and returns `true` once the scroll offset exceeds `threshold`.\n *   Reverts to `false` when the user scrolls back below the threshold.\n *\n * This is an internal hook — not exported from the package.\n */\nexport function useScrollToTopVisibility({\n  visible,\n  threshold,\n  scrollTarget,\n}: UseScrollToTopVisibilityOptions): boolean {\n  const [isScrolledPast, setIsScrolledPast] = useState(false);\n\n  useEffect(() => {\n    if (visible === 'always') {\n      return;\n    }\n\n    const target = scrollTarget ?? window;\n\n    const getScrollY = () =>\n      target === window ? window.scrollY : (target as HTMLElement).scrollTop;\n\n    const check = () => setIsScrolledPast(getScrollY() > threshold);\n\n    check();\n    target.addEventListener('scroll', check, { passive: true });\n    return () => target.removeEventListener('scroll', check);\n  }, [visible, threshold, scrollTarget]);\n\n  return visible === 'always' || isScrolledPast;\n}\n"],"mappings":"uBAuBA,SAAgB,EAAyB,CACvC,UACA,YACA,gBAC2C,CAC3C,GAAM,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA8B,EAAK,EAmB1D,OAjBA,EAAA,EAAA,eAAgB,CACd,GAAI,IAAY,SACd,OAGF,IAAM,EAAS,GAAgB,OAEzB,MACJ,IAAW,OAAS,OAAO,QAAW,EAAuB,UAEzD,MAAc,EAAkB,EAAW,EAAI,CAAS,EAI9D,OAFA,EAAM,EACN,EAAO,iBAAiB,SAAU,EAAO,CAAE,QAAS,EAAK,CAAC,MAC7C,EAAO,oBAAoB,SAAU,CAAK,CACzD,EAAG,CAAC,EAAS,EAAW,CAAY,CAAC,EAE9B,IAAY,UAAY,CACjC"}

package/dist/components/ScrollToTop/useScrollToTopVisibility.d.ts

@@ -0,0 +1,21 @@
+import { ScrollToTopVisible } from './ScrollToTop';
+interface UseScrollToTopVisibilityOptions {
+    /** See {@link ScrollToTopVisible}. */
+    visible: ScrollToTopVisible;
+    /** Pixels scrolled before returning `true` in `"auto"` mode. */
+    threshold: number;
+    /** Element to observe. Defaults to `window` when `undefined`. */
+    scrollTarget?: HTMLElement | Window;
+}
+/**
+ * Returns `true` when the `ScrollToTop` button should be rendered.
+ *
+ * - `visible === "always"` → always `true`; no scroll listener is attached.
+ * - `visible === "auto"` → attaches a passive `scroll` listener on `scrollTarget`
+ *   (or `window`) and returns `true` once the scroll offset exceeds `threshold`.
+ *   Reverts to `false` when the user scrolls back below the threshold.
+ *
+ * This is an internal hook — not exported from the package.
+ */
+export declare function useScrollToTopVisibility({ visible, threshold, scrollTarget, }: UseScrollToTopVisibilityOptions): boolean;
+export {};

package/dist/components/ScrollToTop/useScrollToTopVisibility.js

@@ -0,0 +1,18 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/components/ScrollToTop/useScrollToTopVisibility.ts
+function n({ visible: n, threshold: r, scrollTarget: i }) {
+	let [a, o] = t(!1);
+	return e(() => {
+		if (n === "always") return;
+		let e = i ?? window, t = () => e === window ? window.scrollY : e.scrollTop, a = () => o(t() > r);
+		return a(), e.addEventListener("scroll", a, { passive: !0 }), () => e.removeEventListener("scroll", a);
+	}, [
+		n,
+		r,
+		i
+	]), n === "always" || a;
+}
+//#endregion
+export { n as useScrollToTopVisibility };
+
+//# sourceMappingURL=useScrollToTopVisibility.js.map

package/dist/components/ScrollToTop/useScrollToTopVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToTopVisibility.js","names":[],"sources":["../../../src/components/ScrollToTop/useScrollToTopVisibility.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { ScrollToTopVisible } from './ScrollToTop';\n\ninterface UseScrollToTopVisibilityOptions {\n  /** See {@link ScrollToTopVisible}. */\n  visible: ScrollToTopVisible;\n  /** Pixels scrolled before returning `true` in `\"auto\"` mode. */\n  threshold: number;\n  /** Element to observe. Defaults to `window` when `undefined`. */\n  scrollTarget?: HTMLElement | Window;\n}\n\n/**\n * Returns `true` when the `ScrollToTop` button should be rendered.\n *\n * - `visible === \"always\"` → always `true`; no scroll listener is attached.\n * - `visible === \"auto\"` → attaches a passive `scroll` listener on `scrollTarget`\n *   (or `window`) and returns `true` once the scroll offset exceeds `threshold`.\n *   Reverts to `false` when the user scrolls back below the threshold.\n *\n * This is an internal hook — not exported from the package.\n */\nexport function useScrollToTopVisibility({\n  visible,\n  threshold,\n  scrollTarget,\n}: UseScrollToTopVisibilityOptions): boolean {\n  const [isScrolledPast, setIsScrolledPast] = useState(false);\n\n  useEffect(() => {\n    if (visible === 'always') {\n      return;\n    }\n\n    const target = scrollTarget ?? window;\n\n    const getScrollY = () =>\n      target === window ? window.scrollY : (target as HTMLElement).scrollTop;\n\n    const check = () => setIsScrolledPast(getScrollY() > threshold);\n\n    check();\n    target.addEventListener('scroll', check, { passive: true });\n    return () => target.removeEventListener('scroll', check);\n  }, [visible, threshold, scrollTarget]);\n\n  return visible === 'always' || isScrolledPast;\n}\n"],"mappings":";;AAuBA,SAAgB,EAAyB,EACvC,YACA,cACA,mBAC2C;CAC3C,IAAM,CAAC,GAAgB,KAAqB,EAAS,EAAK;CAmB1D,OAjBA,QAAgB;EACd,IAAI,MAAY,UACd;EAGF,IAAM,IAAS,KAAgB,QAEzB,UACJ,MAAW,SAAS,OAAO,UAAW,EAAuB,WAEzD,UAAc,EAAkB,EAAW,IAAI,CAAS;EAI9D,OAFA,EAAM,GACN,EAAO,iBAAiB,UAAU,GAAO,EAAE,SAAS,GAAK,CAAC,SAC7C,EAAO,oBAAoB,UAAU,CAAK;CACzD,GAAG;EAAC;EAAS;EAAW;CAAY,CAAC,GAE9B,MAAY,YAAY;AACjC"}

package/dist/components/ScrollToTop.cjs

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

package/dist/components/ScrollToTop.d.ts

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

package/dist/components/ScrollToTop.js

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

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require("./components/AboutDialog/AboutDialog.cjs"),e=require("./components/ActionRow/ActionRow.cjs"),t=require("./components/Avatar/Avatar.cjs"),n=require("./components/AvatarRotator/AvatarRotator.cjs"),r=require("./components/Badge/Badge.cjs"),i=require("./components/Banner/Banner.cjs"),a=require("./components/Bin/Bin.cjs"),te=require("./components/Blockquote/Blockquote.cjs"),o=require("./components/BottomSheet/BottomSheet.cjs"),s=require("./components/Box/Box.cjs"),c=require("./components/Separator/Separator.cjs"),l=require("./components/BoxedList/BoxedList.cjs"),u=require("./components/BreakpointBin/BreakpointBin.cjs"),d=require("./components/Button/Button.cjs"),f=require("./components/ButtonContent/ButtonContent.cjs"),p=require("./components/ButtonRow/ButtonRow.cjs"),m=require("./components/Card/Card.cjs"),h=require("./components/Carousel/Carousel.cjs"),g=require("./components/CheckRow/CheckRow.cjs"),_=require("./components/Checkbox/Checkbox.cjs"),v=require("./components/Icon/Icon.cjs"),y=require("./components/Chip/Chip.cjs"),b=require("./components/Clamp/Clamp.cjs"),x=require("./components/ColorPicker/ColorPicker.cjs"),S=require("./components/ColumnView/ColumnView.cjs"),C=require("./components/ComboRow/ComboRow.cjs"),w=require("./components/GnomeProvider/GnomeContext.cjs"),T=require("./components/ContributionGraph/ContributionGraph.cjs"),E=require("./components/CountDownTimer/CountDownTimer.cjs"),D=require("./components/Dialog/Dialog.cjs"),O=require("./components/Drawer/Drawer.cjs"),k=require("./components/Dropdown/Dropdown.cjs"),A=require("./components/EntryRow/EntryRow.cjs"),j=require("./components/ExpanderRow/ExpanderRow.cjs"),M=require("./components/Footer/Footer.cjs"),N=require("./components/Frame/Frame.cjs"),P=require("./components/GnomeProvider/GnomeProvider.cjs"),F=require("./components/HeaderBar/HeaderBar.cjs"),I=require("./components/Tooltip/Tooltip.cjs"),L=require("./components/IconButton/IconButton.cjs"),R=require("./components/InlineViewSwitcher/InlineViewSwitcher.cjs"),z=require("./components/InlineViewSwitcher/InlineViewSwitcherItem.cjs"),B=require("./components/Link/Link.cjs"),V=require("./components/LinkedGroup/LinkedGroup.cjs"),H=require("./hooks/useBreakpoint.cjs"),U=require("./components/NavigationSplitView/NavigationSplitView.cjs"),W=require("./components/NavigationView/NavigationView.cjs"),G=require("./components/OverlaySplitView/OverlaySplitView.cjs"),K=require("./components/PasswordEntryRow/PasswordEntryRow.cjs"),q=require("./components/PathBar/PathBar.cjs"),J=require("./components/Popover/Popover.cjs"),Y=require("./components/PreferencesDialog/PreferencesDialog.cjs"),X=require("./components/PreferencesGroup/PreferencesGroup.cjs"),Z=require("./components/PreferencesPage/PreferencesPage.cjs"),Q=require("./components/ProgressBar/ProgressBar.cjs"),ne=require("./components/RadioButton/RadioButton.cjs"),re=require("./components/Spinner/Spinner.cjs"),ie=require("./components/SearchBar/SearchBar.cjs"),ae=require("./components/SegmentedBar/SegmentedBar.cjs"),oe=require("./components/ShortcutLabel/ShortcutLabel.cjs"),se=require("./components/ShortcutsDialog/ShortcutsDialog.cjs"),ce=require("./components/StatusPage/StatusPage.cjs"),$=require("./components/Sidebar/Sidebar.cjs"),le=require("./components/Sidebar/SidebarItem.cjs"),ue=require("./components/Sidebar/SidebarSection.cjs"),de=require("./components/Skeleton/Skeleton.cjs"),fe=require("./components/Slider/Slider.cjs"),pe=require("./components/SpinButton/SpinButton.cjs"),me=require("./components/SpinRow/SpinRow.cjs"),he=require("./components/SplitButton/SplitButton.cjs"),ge=require("./components/StatusBadge/StatusBadge.cjs"),_e=require("./components/Switch/Switch.cjs"),ve=require("./components/SwitchRow/SwitchRow.cjs"),ye=require("./components/Tabs/TabBar.cjs"),be=require("./components/Tabs/TabItem.cjs"),xe=require("./components/Tabs/TabPanel.cjs"),Se=require("./components/TerminalView/TerminalView.cjs"),Ce=require("./components/Text/Text.cjs"),we=require("./components/TextField/TextField.cjs"),Te=require("./components/Timeline/Timeline.cjs"),Ee=require("./components/Toast/Toast.cjs"),De=require("./components/Toast/Toaster.cjs"),Oe=require("./components/ToggleGroup/ToggleGroup.cjs"),ke=require("./components/ToggleGroup/ToggleGroupItem.cjs"),Ae=require("./components/Toolbar/Spacer.cjs"),je=require("./components/Toolbar/Toolbar.cjs"),Me=require("./components/ToolbarView/ToolbarView.cjs"),Ne=require("./components/ViewSwitcher/ViewSwitcher.cjs"),Pe=require("./components/ViewSwitcher/ViewSwitcherItem.cjs"),Fe=require("./components/ViewSwitcherBar/ViewSwitcherBar.cjs"),Ie=require("./components/ViewSwitcherSidebar/ViewSwitcherSidebar.cjs"),Le=require("./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs"),Re=require("./components/WindowTitle/WindowTitle.cjs"),ze=require("./components/WrapBox/WrapBox.cjs");exports.AboutDialog=ee.AboutDialog,exports.ActionRow=e.ActionRow,exports.Avatar=t.Avatar,exports.AvatarRotator=n.AvatarRotator,exports.Badge=r.Badge,exports.Banner=i.Banner,exports.Bin=a.Bin,exports.Blockquote=te.Blockquote,exports.BottomSheet=o.BottomSheet,exports.Box=s.Box,exports.BoxedList=l.BoxedList,exports.BreakpointBin=u.BreakpointBin,exports.Button=d.Button,exports.ButtonContent=f.ButtonContent,exports.ButtonRow=p.ButtonRow,exports.Card=m.Card,exports.Carousel=h.Carousel,exports.CarouselIndicatorDots=h.CarouselIndicatorDots,exports.CarouselIndicatorLines=h.CarouselIndicatorLines,exports.CheckRow=g.CheckRow,exports.Checkbox=_.Checkbox,exports.Chip=y.Chip,exports.Clamp=b.Clamp,exports.ColorPicker=x.ColorPicker,exports.ColorSwatch=x.ColorSwatch,exports.ColumnView=S.ColumnView,exports.ComboRow=C.ComboRow,exports.ContributionGraph=T.ContributionGraph,exports.CountDownTimer=E.CountDownTimer,exports.Dialog=D.Dialog,exports.Drawer=O.Drawer,exports.Dropdown=k.Dropdown,exports.EntryRow=A.EntryRow,exports.ExpanderRow=j.ExpanderRow,exports.Footer=M.Footer,exports.Frame=N.Frame,exports.GNOME_BREAKPOINTS=H.GNOME_BREAKPOINTS,exports.GNOME_PALETTE=x.GNOME_PALETTE,exports.GnomeProvider=P.GnomeProvider,exports.HeaderBar=F.HeaderBar,exports.Icon=v.Icon,exports.IconButton=L.IconButton,exports.InlineViewSwitcher=R.InlineViewSwitcher,exports.InlineViewSwitcherItem=z.InlineViewSwitcherItem,exports.Link=B.Link,exports.LinkedGroup=V.LinkedGroup,exports.NavigationPage=W.NavigationPage,exports.NavigationSplitView=U.NavigationSplitView,exports.NavigationView=W.NavigationView,exports.OverlaySplitView=G.OverlaySplitView,exports.PasswordEntryRow=K.PasswordEntryRow,exports.PathBar=q.PathBar,exports.Popover=J.Popover,exports.PreferencesDialog=Y.PreferencesDialog,exports.PreferencesGroup=X.PreferencesGroup,exports.PreferencesPage=Z.PreferencesPage,exports.ProgressBar=Q.ProgressBar,exports.RadioButton=ne.RadioButton,exports.SearchBar=ie.SearchBar,exports.SegmentedBar=ae.SegmentedBar,exports.Separator=c.Separator,exports.ShortcutLabel=oe.ShortcutLabel,exports.ShortcutsDialog=se.ShortcutsDialog,exports.Sidebar=$.Sidebar,exports.SidebarCollapsedContext=$.SidebarCollapsedContext,exports.SidebarItem=le.SidebarItem,exports.SidebarSection=ue.SidebarSection,exports.Skeleton=de.Skeleton,exports.Slider=fe.Slider,exports.Spacer=Ae.Spacer,exports.SpinButton=pe.SpinButton,exports.SpinRow=me.SpinRow,exports.Spinner=re.Spinner,exports.SplitButton=he.SplitButton,exports.StatusBadge=ge.StatusBadge,exports.StatusPage=ce.StatusPage,exports.Switch=_e.Switch,exports.SwitchRow=ve.SwitchRow,exports.TabBar=ye.TabBar,exports.TabItem=be.TabItem,exports.TabPanel=xe.TabPanel,exports.TerminalView=Se.TerminalView,exports.Text=Ce.Text,exports.TextField=we.TextField,exports.Timeline=Te.Timeline,exports.Toast=Ee.Toast,exports.Toaster=De.Toaster,exports.ToggleGroup=Oe.ToggleGroup,exports.ToggleGroupItem=ke.ToggleGroupItem,exports.Toolbar=je.Toolbar,exports.ToolbarView=Me.ToolbarView,exports.Tooltip=I.Tooltip,exports.ViewSwitcher=Ne.ViewSwitcher,exports.ViewSwitcherBar=Fe.ViewSwitcherBar,exports.ViewSwitcherItem=Pe.ViewSwitcherItem,exports.ViewSwitcherSidebar=Ie.ViewSwitcherSidebar,exports.ViewSwitcherSidebarItem=Le.ViewSwitcherSidebarItem,exports.WindowTitle=Re.WindowTitle,exports.WrapBox=ze.WrapBox,exports.useAccentColor=w.useAccentColor,exports.useBreakpoint=H.useBreakpoint,exports.useColorScheme=w.useColorScheme,exports.useDateTimeFormatter=w.useDateTimeFormatter,exports.useDir=w.useDir,exports.useLocale=w.useLocale,exports.useNavigation=W.useNavigation,exports.useNumberFormatter=w.useNumberFormatter,exports.useResolvedColorScheme=w.useResolvedColorScheme,exports.useSidebarCollapsed=$.useSidebarCollapsed;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/AboutDialog/AboutDialog.cjs"),ee=require("./components/ActionRow/ActionRow.cjs"),t=require("./components/Avatar/Avatar.cjs"),n=require("./components/AvatarRotator/AvatarRotator.cjs"),r=require("./components/Badge/Badge.cjs"),i=require("./components/Banner/Banner.cjs"),a=require("./components/Bin/Bin.cjs"),te=require("./components/Blockquote/Blockquote.cjs"),o=require("./components/BottomSheet/BottomSheet.cjs"),s=require("./components/Box/Box.cjs"),c=require("./components/Separator/Separator.cjs"),l=require("./components/BoxedList/BoxedList.cjs"),u=require("./components/BreakpointBin/BreakpointBin.cjs"),d=require("./components/Button/Button.cjs"),f=require("./components/ButtonContent/ButtonContent.cjs"),p=require("./components/ButtonRow/ButtonRow.cjs"),m=require("./components/Card/Card.cjs"),h=require("./components/Carousel/Carousel.cjs"),g=require("./components/CheckRow/CheckRow.cjs"),_=require("./components/Checkbox/Checkbox.cjs"),v=require("./components/Icon/Icon.cjs"),y=require("./components/Chip/Chip.cjs"),b=require("./components/Clamp/Clamp.cjs"),x=require("./components/ColorPicker/ColorPicker.cjs"),S=require("./components/ColumnView/ColumnView.cjs"),C=require("./components/ComboRow/ComboRow.cjs"),w=require("./components/GnomeProvider/GnomeContext.cjs"),T=require("./components/ContributionGraph/ContributionGraph.cjs"),E=require("./components/CountDownTimer/CountDownTimer.cjs"),D=require("./components/Dialog/Dialog.cjs"),O=require("./components/Drawer/Drawer.cjs"),k=require("./components/Dropdown/Dropdown.cjs"),A=require("./components/EntryRow/EntryRow.cjs"),j=require("./components/ExpanderRow/ExpanderRow.cjs"),M=require("./components/Footer/Footer.cjs"),N=require("./components/Frame/Frame.cjs"),P=require("./components/GnomeProvider/GnomeProvider.cjs"),F=require("./components/HeaderBar/HeaderBar.cjs"),I=require("./components/Tooltip/Tooltip.cjs"),L=require("./components/IconButton/IconButton.cjs"),R=require("./components/InlineViewSwitcher/InlineViewSwitcher.cjs"),z=require("./components/InlineViewSwitcher/InlineViewSwitcherItem.cjs"),B=require("./components/Link/Link.cjs"),V=require("./components/LinkedGroup/LinkedGroup.cjs"),H=require("./hooks/useBreakpoint.cjs"),U=require("./components/NavigationSplitView/NavigationSplitView.cjs"),W=require("./components/NavigationView/NavigationView.cjs"),G=require("./components/OverlaySplitView/OverlaySplitView.cjs"),K=require("./components/PasswordEntryRow/PasswordEntryRow.cjs"),q=require("./components/PathBar/PathBar.cjs"),J=require("./components/Popover/Popover.cjs"),Y=require("./components/PreferencesDialog/PreferencesDialog.cjs"),X=require("./components/PreferencesGroup/PreferencesGroup.cjs"),Z=require("./components/PreferencesPage/PreferencesPage.cjs"),Q=require("./components/ProgressBar/ProgressBar.cjs"),ne=require("./components/RadioButton/RadioButton.cjs"),re=require("./components/ScrollToTop/ScrollToTop.cjs"),ie=require("./components/Spinner/Spinner.cjs"),ae=require("./components/SearchBar/SearchBar.cjs"),oe=require("./components/SegmentedBar/SegmentedBar.cjs"),se=require("./components/ShortcutLabel/ShortcutLabel.cjs"),ce=require("./components/ShortcutsDialog/ShortcutsDialog.cjs"),le=require("./components/StatusPage/StatusPage.cjs"),$=require("./components/Sidebar/Sidebar.cjs"),ue=require("./components/Sidebar/SidebarItem.cjs"),de=require("./components/Sidebar/SidebarSection.cjs"),fe=require("./components/Skeleton/Skeleton.cjs"),pe=require("./components/Slider/Slider.cjs"),me=require("./components/SpinButton/SpinButton.cjs"),he=require("./components/SpinRow/SpinRow.cjs"),ge=require("./components/SplitButton/SplitButton.cjs"),_e=require("./components/StatusBadge/StatusBadge.cjs"),ve=require("./components/Switch/Switch.cjs"),ye=require("./components/SwitchRow/SwitchRow.cjs"),be=require("./components/Tabs/TabBar.cjs"),xe=require("./components/Tabs/TabItem.cjs"),Se=require("./components/Tabs/TabPanel.cjs"),Ce=require("./components/TerminalView/TerminalView.cjs"),we=require("./components/Text/Text.cjs"),Te=require("./components/TextField/TextField.cjs"),Ee=require("./components/Timeline/Timeline.cjs"),De=require("./components/Toast/Toast.cjs"),Oe=require("./components/Toast/Toaster.cjs"),ke=require("./components/ToggleGroup/ToggleGroup.cjs"),Ae=require("./components/ToggleGroup/ToggleGroupItem.cjs"),je=require("./components/Toolbar/Spacer.cjs"),Me=require("./components/Toolbar/Toolbar.cjs"),Ne=require("./components/ToolbarView/ToolbarView.cjs"),Pe=require("./components/ViewSwitcher/ViewSwitcher.cjs"),Fe=require("./components/ViewSwitcher/ViewSwitcherItem.cjs"),Ie=require("./components/ViewSwitcherBar/ViewSwitcherBar.cjs"),Le=require("./components/ViewSwitcherSidebar/ViewSwitcherSidebar.cjs"),Re=require("./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs"),ze=require("./components/WindowTitle/WindowTitle.cjs"),Be=require("./components/WrapBox/WrapBox.cjs");exports.AboutDialog=e.AboutDialog,exports.ActionRow=ee.ActionRow,exports.Avatar=t.Avatar,exports.AvatarRotator=n.AvatarRotator,exports.Badge=r.Badge,exports.Banner=i.Banner,exports.Bin=a.Bin,exports.Blockquote=te.Blockquote,exports.BottomSheet=o.BottomSheet,exports.Box=s.Box,exports.BoxedList=l.BoxedList,exports.BreakpointBin=u.BreakpointBin,exports.Button=d.Button,exports.ButtonContent=f.ButtonContent,exports.ButtonRow=p.ButtonRow,exports.Card=m.Card,exports.Carousel=h.Carousel,exports.CarouselIndicatorDots=h.CarouselIndicatorDots,exports.CarouselIndicatorLines=h.CarouselIndicatorLines,exports.CheckRow=g.CheckRow,exports.Checkbox=_.Checkbox,exports.Chip=y.Chip,exports.Clamp=b.Clamp,exports.ColorPicker=x.ColorPicker,exports.ColorSwatch=x.ColorSwatch,exports.ColumnView=S.ColumnView,exports.ComboRow=C.ComboRow,exports.ContributionGraph=T.ContributionGraph,exports.CountDownTimer=E.CountDownTimer,exports.Dialog=D.Dialog,exports.Drawer=O.Drawer,exports.Dropdown=k.Dropdown,exports.EntryRow=A.EntryRow,exports.ExpanderRow=j.ExpanderRow,exports.Footer=M.Footer,exports.Frame=N.Frame,exports.GNOME_BREAKPOINTS=H.GNOME_BREAKPOINTS,exports.GNOME_PALETTE=x.GNOME_PALETTE,exports.GnomeProvider=P.GnomeProvider,exports.HeaderBar=F.HeaderBar,exports.Icon=v.Icon,exports.IconButton=L.IconButton,exports.InlineViewSwitcher=R.InlineViewSwitcher,exports.InlineViewSwitcherItem=z.InlineViewSwitcherItem,exports.Link=B.Link,exports.LinkedGroup=V.LinkedGroup,exports.NavigationPage=W.NavigationPage,exports.NavigationSplitView=U.NavigationSplitView,exports.NavigationView=W.NavigationView,exports.OverlaySplitView=G.OverlaySplitView,exports.PasswordEntryRow=K.PasswordEntryRow,exports.PathBar=q.PathBar,exports.Popover=J.Popover,exports.PreferencesDialog=Y.PreferencesDialog,exports.PreferencesGroup=X.PreferencesGroup,exports.PreferencesPage=Z.PreferencesPage,exports.ProgressBar=Q.ProgressBar,exports.RadioButton=ne.RadioButton,exports.ScrollToTop=re.ScrollToTop,exports.SearchBar=ae.SearchBar,exports.SegmentedBar=oe.SegmentedBar,exports.Separator=c.Separator,exports.ShortcutLabel=se.ShortcutLabel,exports.ShortcutsDialog=ce.ShortcutsDialog,exports.Sidebar=$.Sidebar,exports.SidebarCollapsedContext=$.SidebarCollapsedContext,exports.SidebarItem=ue.SidebarItem,exports.SidebarSection=de.SidebarSection,exports.Skeleton=fe.Skeleton,exports.Slider=pe.Slider,exports.Spacer=je.Spacer,exports.SpinButton=me.SpinButton,exports.SpinRow=he.SpinRow,exports.Spinner=ie.Spinner,exports.SplitButton=ge.SplitButton,exports.StatusBadge=_e.StatusBadge,exports.StatusPage=le.StatusPage,exports.Switch=ve.Switch,exports.SwitchRow=ye.SwitchRow,exports.TabBar=be.TabBar,exports.TabItem=xe.TabItem,exports.TabPanel=Se.TabPanel,exports.TerminalView=Ce.TerminalView,exports.Text=we.Text,exports.TextField=Te.TextField,exports.Timeline=Ee.Timeline,exports.Toast=De.Toast,exports.Toaster=Oe.Toaster,exports.ToggleGroup=ke.ToggleGroup,exports.ToggleGroupItem=Ae.ToggleGroupItem,exports.Toolbar=Me.Toolbar,exports.ToolbarView=Ne.ToolbarView,exports.Tooltip=I.Tooltip,exports.ViewSwitcher=Pe.ViewSwitcher,exports.ViewSwitcherBar=Ie.ViewSwitcherBar,exports.ViewSwitcherItem=Fe.ViewSwitcherItem,exports.ViewSwitcherSidebar=Le.ViewSwitcherSidebar,exports.ViewSwitcherSidebarItem=Re.ViewSwitcherSidebarItem,exports.WindowTitle=ze.WindowTitle,exports.WrapBox=Be.WrapBox,exports.useAccentColor=w.useAccentColor,exports.useBreakpoint=H.useBreakpoint,exports.useColorScheme=w.useColorScheme,exports.useDateTimeFormatter=w.useDateTimeFormatter,exports.useDir=w.useDir,exports.useLocale=w.useLocale,exports.useNavigation=W.useNavigation,exports.useNumberFormatter=w.useNumberFormatter,exports.useResolvedColorScheme=w.useResolvedColorScheme,exports.useSidebarCollapsed=$.useSidebarCollapsed;

package/dist/index.d.ts

@@ -102,6 +102,8 @@ export type { ProgressBarProps, ProgressBarVariant } from './components/Progress
 export { ProgressBar } from './components/ProgressBar';
 export type { RadioButtonProps } from './components/RadioButton';
 export { RadioButton } from './components/RadioButton';
+export type { ScrollToTopPosition, ScrollToTopProps, ScrollToTopVisible, } from './components/ScrollToTop';
+export { ScrollToTop } from './components/ScrollToTop';
 export type { SearchBarProps } from './components/SearchBar';
 export { SearchBar } from './components/SearchBar';
 export type { SegmentedBarProps, SegmentedBarSegment } from './components/SegmentedBar';

package/dist/index.js

@@ -54,42 +54,43 @@ import { PreferencesGroup as de } from "./components/PreferencesGroup/Preference
 import { PreferencesPage as fe } from "./components/PreferencesPage/PreferencesPage.js";
 import { ProgressBar as pe } from "./components/ProgressBar/ProgressBar.js";
 import { RadioButton as me } from "./components/RadioButton/RadioButton.js";
-import { Spinner as he } from "./components/Spinner/Spinner.js";
-import { SearchBar as ge } from "./components/SearchBar/SearchBar.js";
-import { SegmentedBar as _e } from "./components/SegmentedBar/SegmentedBar.js";
-import { ShortcutLabel as ve } from "./components/ShortcutLabel/ShortcutLabel.js";
-import { ShortcutsDialog as ye } from "./components/ShortcutsDialog/ShortcutsDialog.js";
-import { StatusPage as be } from "./components/StatusPage/StatusPage.js";
-import { Sidebar as xe, SidebarCollapsedContext as Se, useSidebarCollapsed as Ce } from "./components/Sidebar/Sidebar.js";
-import { SidebarItem as we } from "./components/Sidebar/SidebarItem.js";
-import { SidebarSection as Te } from "./components/Sidebar/SidebarSection.js";
-import { Skeleton as Ee } from "./components/Skeleton/Skeleton.js";
-import { Slider as De } from "./components/Slider/Slider.js";
-import { SpinButton as Oe } from "./components/SpinButton/SpinButton.js";
-import { SpinRow as ke } from "./components/SpinRow/SpinRow.js";
-import { SplitButton as Ae } from "./components/SplitButton/SplitButton.js";
-import { StatusBadge as je } from "./components/StatusBadge/StatusBadge.js";
-import { Switch as Me } from "./components/Switch/Switch.js";
-import { SwitchRow as Ne } from "./components/SwitchRow/SwitchRow.js";
-import { TabBar as Pe } from "./components/Tabs/TabBar.js";
-import { TabItem as Fe } from "./components/Tabs/TabItem.js";
-import { TabPanel as Ie } from "./components/Tabs/TabPanel.js";
-import { TerminalView as Le } from "./components/TerminalView/TerminalView.js";
-import { Text as Re } from "./components/Text/Text.js";
-import { TextField as ze } from "./components/TextField/TextField.js";
-import { Timeline as Be } from "./components/Timeline/Timeline.js";
-import { Toast as Ve } from "./components/Toast/Toast.js";
-import { Toaster as He } from "./components/Toast/Toaster.js";
-import { ToggleGroup as Ue } from "./components/ToggleGroup/ToggleGroup.js";
-import { ToggleGroupItem as We } from "./components/ToggleGroup/ToggleGroupItem.js";
-import { Spacer as Ge } from "./components/Toolbar/Spacer.js";
-import { Toolbar as Ke } from "./components/Toolbar/Toolbar.js";
-import { ToolbarView as qe } from "./components/ToolbarView/ToolbarView.js";
-import { ViewSwitcher as Je } from "./components/ViewSwitcher/ViewSwitcher.js";
-import { ViewSwitcherItem as Ye } from "./components/ViewSwitcher/ViewSwitcherItem.js";
-import { ViewSwitcherBar as Xe } from "./components/ViewSwitcherBar/ViewSwitcherBar.js";
-import { ViewSwitcherSidebar as Ze } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebar.js";
-import { ViewSwitcherSidebarItem as Qe } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.js";
-import { WindowTitle as $e } from "./components/WindowTitle/WindowTitle.js";
-import { WrapBox as et } from "./components/WrapBox/WrapBox.js";
-export { e as AboutDialog, t as ActionRow, n as Avatar, r as AvatarRotator, i as Badge, a as Banner, o as Bin, s as Blockquote, c as BottomSheet, l as Box, d as BoxedList, f as BreakpointBin, p as Button, m as ButtonContent, h as ButtonRow, g as Card, _ as Carousel, v as CarouselIndicatorDots, y as CarouselIndicatorLines, b as CheckRow, x as Checkbox, C as Chip, w as Clamp, T as ColorPicker, E as ColorSwatch, O as ColumnView, k as ComboRow, L as ContributionGraph, R as CountDownTimer, z as Dialog, B as Drawer, V as Dropdown, H as EntryRow, U as ExpanderRow, W as Footer, G as Frame, ee as GNOME_BREAKPOINTS, D as GNOME_PALETTE, K as GnomeProvider, q as HeaderBar, S as Icon, Y as IconButton, X as InlineViewSwitcher, Z as InlineViewSwitcherItem, Q as Link, $ as LinkedGroup, re as NavigationPage, ne as NavigationSplitView, ie as NavigationView, oe as OverlaySplitView, se as PasswordEntryRow, ce as PathBar, le as Popover, ue as PreferencesDialog, de as PreferencesGroup, fe as PreferencesPage, pe as ProgressBar, me as RadioButton, ge as SearchBar, _e as SegmentedBar, u as Separator, ve as ShortcutLabel, ye as ShortcutsDialog, xe as Sidebar, Se as SidebarCollapsedContext, we as SidebarItem, Te as SidebarSection, Ee as Skeleton, De as Slider, Ge as Spacer, Oe as SpinButton, ke as SpinRow, he as Spinner, Ae as SplitButton, je as StatusBadge, be as StatusPage, Me as Switch, Ne as SwitchRow, Pe as TabBar, Fe as TabItem, Ie as TabPanel, Le as TerminalView, Re as Text, ze as TextField, Be as Timeline, Ve as Toast, He as Toaster, Ue as ToggleGroup, We as ToggleGroupItem, Ke as Toolbar, qe as ToolbarView, J as Tooltip, Je as ViewSwitcher, Xe as ViewSwitcherBar, Ye as ViewSwitcherItem, Ze as ViewSwitcherSidebar, Qe as ViewSwitcherSidebarItem, $e as WindowTitle, et as WrapBox, A as useAccentColor, te as useBreakpoint, j as useColorScheme, M as useDateTimeFormatter, N as useDir, P as useLocale, ae as useNavigation, F as useNumberFormatter, I as useResolvedColorScheme, Ce as useSidebarCollapsed };
+import { ScrollToTop as he } from "./components/ScrollToTop/ScrollToTop.js";
+import { Spinner as ge } from "./components/Spinner/Spinner.js";
+import { SearchBar as _e } from "./components/SearchBar/SearchBar.js";
+import { SegmentedBar as ve } from "./components/SegmentedBar/SegmentedBar.js";
+import { ShortcutLabel as ye } from "./components/ShortcutLabel/ShortcutLabel.js";
+import { ShortcutsDialog as be } from "./components/ShortcutsDialog/ShortcutsDialog.js";
+import { StatusPage as xe } from "./components/StatusPage/StatusPage.js";
+import { Sidebar as Se, SidebarCollapsedContext as Ce, useSidebarCollapsed as we } from "./components/Sidebar/Sidebar.js";
+import { SidebarItem as Te } from "./components/Sidebar/SidebarItem.js";
+import { SidebarSection as Ee } from "./components/Sidebar/SidebarSection.js";
+import { Skeleton as De } from "./components/Skeleton/Skeleton.js";
+import { Slider as Oe } from "./components/Slider/Slider.js";
+import { SpinButton as ke } from "./components/SpinButton/SpinButton.js";
+import { SpinRow as Ae } from "./components/SpinRow/SpinRow.js";
+import { SplitButton as je } from "./components/SplitButton/SplitButton.js";
+import { StatusBadge as Me } from "./components/StatusBadge/StatusBadge.js";
+import { Switch as Ne } from "./components/Switch/Switch.js";
+import { SwitchRow as Pe } from "./components/SwitchRow/SwitchRow.js";
+import { TabBar as Fe } from "./components/Tabs/TabBar.js";
+import { TabItem as Ie } from "./components/Tabs/TabItem.js";
+import { TabPanel as Le } from "./components/Tabs/TabPanel.js";
+import { TerminalView as Re } from "./components/TerminalView/TerminalView.js";
+import { Text as ze } from "./components/Text/Text.js";
+import { TextField as Be } from "./components/TextField/TextField.js";
+import { Timeline as Ve } from "./components/Timeline/Timeline.js";
+import { Toast as He } from "./components/Toast/Toast.js";
+import { Toaster as Ue } from "./components/Toast/Toaster.js";
+import { ToggleGroup as We } from "./components/ToggleGroup/ToggleGroup.js";
+import { ToggleGroupItem as Ge } from "./components/ToggleGroup/ToggleGroupItem.js";
+import { Spacer as Ke } from "./components/Toolbar/Spacer.js";
+import { Toolbar as qe } from "./components/Toolbar/Toolbar.js";
+import { ToolbarView as Je } from "./components/ToolbarView/ToolbarView.js";
+import { ViewSwitcher as Ye } from "./components/ViewSwitcher/ViewSwitcher.js";
+import { ViewSwitcherItem as Xe } from "./components/ViewSwitcher/ViewSwitcherItem.js";
+import { ViewSwitcherBar as Ze } from "./components/ViewSwitcherBar/ViewSwitcherBar.js";
+import { ViewSwitcherSidebar as Qe } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebar.js";
+import { ViewSwitcherSidebarItem as $e } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.js";
+import { WindowTitle as et } from "./components/WindowTitle/WindowTitle.js";
+import { WrapBox as tt } from "./components/WrapBox/WrapBox.js";
+export { e as AboutDialog, t as ActionRow, n as Avatar, r as AvatarRotator, i as Badge, a as Banner, o as Bin, s as Blockquote, c as BottomSheet, l as Box, d as BoxedList, f as BreakpointBin, p as Button, m as ButtonContent, h as ButtonRow, g as Card, _ as Carousel, v as CarouselIndicatorDots, y as CarouselIndicatorLines, b as CheckRow, x as Checkbox, C as Chip, w as Clamp, T as ColorPicker, E as ColorSwatch, O as ColumnView, k as ComboRow, L as ContributionGraph, R as CountDownTimer, z as Dialog, B as Drawer, V as Dropdown, H as EntryRow, U as ExpanderRow, W as Footer, G as Frame, ee as GNOME_BREAKPOINTS, D as GNOME_PALETTE, K as GnomeProvider, q as HeaderBar, S as Icon, Y as IconButton, X as InlineViewSwitcher, Z as InlineViewSwitcherItem, Q as Link, $ as LinkedGroup, re as NavigationPage, ne as NavigationSplitView, ie as NavigationView, oe as OverlaySplitView, se as PasswordEntryRow, ce as PathBar, le as Popover, ue as PreferencesDialog, de as PreferencesGroup, fe as PreferencesPage, pe as ProgressBar, me as RadioButton, he as ScrollToTop, _e as SearchBar, ve as SegmentedBar, u as Separator, ye as ShortcutLabel, be as ShortcutsDialog, Se as Sidebar, Ce as SidebarCollapsedContext, Te as SidebarItem, Ee as SidebarSection, De as Skeleton, Oe as Slider, Ke as Spacer, ke as SpinButton, Ae as SpinRow, ge as Spinner, je as SplitButton, Me as StatusBadge, xe as StatusPage, Ne as Switch, Pe as SwitchRow, Fe as TabBar, Ie as TabItem, Le as TabPanel, Re as TerminalView, ze as Text, Be as TextField, Ve as Timeline, He as Toast, Ue as Toaster, We as ToggleGroup, Ge as ToggleGroupItem, qe as Toolbar, Je as ToolbarView, J as Tooltip, Ye as ViewSwitcher, Ze as ViewSwitcherBar, Xe as ViewSwitcherItem, Qe as ViewSwitcherSidebar, $e as ViewSwitcherSidebarItem, et as WindowTitle, tt as WrapBox, A as useAccentColor, te as useBreakpoint, j as useColorScheme, M as useDateTimeFormatter, N as useDir, P as useLocale, ae as useNavigation, F as useNumberFormatter, I as useResolvedColorScheme, we as useSidebarCollapsed };