@gnome-ui/react 1.38.1 → 1.39.0

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

@@ -1 +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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"}
+{"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  type Ref,\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 assignRef<T>(ref: Ref<T> | undefined, value: T | null) {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(value);\n    return;\n  }\n  ref.current = value;\n}\n\nfunction computePosition(\n  trigger: DOMRect,\n  tooltip: DOMRect,\n  preferred: TooltipPlacement\n): Position {\n  const vw = window.innerWidth;\n  const vh = window.innerHeight;\n\n  const placements: TooltipPlacement[] = [\n    preferred,\n    preferred === \"top\" || preferred === \"bottom\"\n      ? preferred === \"top\" ? \"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  const childRef = (children.props as HTMLAttributes<HTMLElement> & {\n    ref?: Ref<HTMLElement>;\n  }).ref;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const child = cloneElement(children as any, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      assignRef(childRef, node);\n    },\n    \"aria-describedby\": id,\n    onMouseEnter: (e: 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

@@ -4,7 +4,16 @@ 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) {
+function f(e, t) {
+	if (e) {
+		if (typeof e == "function") {
+			e(t);
+			return;
+		}
+		e.current = t;
+	}
+}
+function p(e, t, n) {
 	let r = window.innerWidth, i = window.innerHeight, a = [
 		n,
 		n === "top" || n === "bottom" ? n === "top" ? "bottom" : "top" : n === "left" ? "right" : "left",
@@ -30,61 +39,63 @@ function f(e, t, n) {
 		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]);
+function m({ label: d, placement: m = "top", delay: h = 500, children: g }) {
+	let _ = i(), [v, y] = o(!1), [b, x] = o(null), S = a(null), C = a(null), w = a(null), T = () => {
+		w.current &&= (clearTimeout(w.current), null);
+	}, E = n(() => {
+		!S.current || !C.current || x(p(S.current.getBoundingClientRect(), C.current.getBoundingClientRect(), m));
+	}, [m]);
 	r(() => {
-		if (_) return T(), window.addEventListener("scroll", T, {
+		if (v) return E(), window.addEventListener("scroll", E, {
 			passive: !0,
 			capture: !0
-		}), window.addEventListener("resize", T, { passive: !0 }), () => {
-			window.removeEventListener("scroll", T, { capture: !0 }), window.removeEventListener("resize", T);
+		}), window.addEventListener("resize", E, { passive: !0 }), () => {
+			window.removeEventListener("scroll", E, { capture: !0 }), window.removeEventListener("resize", E);
 		};
-	}, [_, T]);
-	let E = n(() => {
-		w(), C.current = setTimeout(() => v(!0), m);
-	}, [m]), D = n(() => {
-		w(), v(!1), b(null);
+	}, [v, E]);
+	let D = n(() => {
+		T(), w.current = setTimeout(() => y(!0), h);
+	}, [h]), O = n(() => {
+		T(), y(!1), x(null);
 	}, []);
 	r(() => {
-		_ && T();
-	}, [_, T]), r(() => {
-		if (!_) return;
+		v && E();
+	}, [v, E]), r(() => {
+		if (!v) return;
 		let e = (e) => {
-			e.key === "Escape" && D();
+			e.key === "Escape" && O();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [_, D]);
-	let O = t(h, {
-		ref: x,
-		"aria-describedby": g,
+	}, [v, O]);
+	let k = g.props.ref, A = t(g, {
+		ref: (e) => {
+			S.current = e, f(k, e);
+		},
+		"aria-describedby": _,
 		onMouseEnter: (e) => {
-			E(), h.props.onMouseEnter?.(e);
+			D(), g.props.onMouseEnter?.(e);
 		},
 		onMouseLeave: (e) => {
-			D(), h.props.onMouseLeave?.(e);
+			O(), g.props.onMouseLeave?.(e);
 		},
 		onFocus: (e) => {
-			E(), h.props.onFocus?.(e);
+			D(), g.props.onFocus?.(e);
 		},
 		onBlur: (e) => {
-			D(), h.props.onBlur?.(e);
+			O(), g.props.onBlur?.(e);
 		}
-	}), k = /* @__PURE__ */ l("div", {
-		ref: S,
-		id: g,
+	}), j = /* @__PURE__ */ l("div", {
+		ref: C,
+		id: _,
 		role: "tooltip",
 		className: [
 			e.tooltip,
-			y ? e[y.placement] : null,
-			_ && y ? e.visible : null
+			b ? e[b.placement] : null,
+			v && b ? e.visible : null
 		].filter(Boolean).join(" "),
-		style: y ? {
-			top: y.top,
-			left: y.left
+		style: b ? {
+			top: b.top,
+			left: b.left
 		} : {
 			visibility: "hidden",
 			top: -9999,
@@ -92,9 +103,9 @@ function p({ label: d, placement: p = "top", delay: m = 500, children: h }) {
 		},
 		children: d
 	});
-	return /* @__PURE__ */ u(c, { children: [O, typeof document < "u" ? s(k, document.body) : k] });
+	return /* @__PURE__ */ u(c, { children: [A, typeof document < "u" ? s(j, document.body) : j] });
 }
 //#endregion
-export { p as Tooltip };
+export { m as Tooltip };
 
 //# sourceMappingURL=Tooltip.js.map

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

@@ -1 +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":"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"}
+{"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  type Ref,\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 assignRef<T>(ref: Ref<T> | undefined, value: T | null) {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(value);\n    return;\n  }\n  ref.current = value;\n}\n\nfunction computePosition(\n  trigger: DOMRect,\n  tooltip: DOMRect,\n  preferred: TooltipPlacement\n): Position {\n  const vw = window.innerWidth;\n  const vh = window.innerHeight;\n\n  const placements: TooltipPlacement[] = [\n    preferred,\n    preferred === \"top\" || preferred === \"bottom\"\n      ? preferred === \"top\" ? \"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  const childRef = (children.props as HTMLAttributes<HTMLElement> & {\n    ref?: Ref<HTMLElement>;\n  }).ref;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const child = cloneElement(children as any, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      assignRef(childRef, node);\n    },\n    \"aria-describedby\": id,\n    onMouseEnter: (e: 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/index.cjs

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

package/dist/index.d.ts

@@ -8,6 +8,8 @@ export { Card } from './components/Card';
 export type { CardProps, CardPadding } from './components/Card';
 export { Spinner } from './components/Spinner';
 export type { SpinnerProps, SpinnerSize } from './components/Spinner';
+export { Skeleton } from './components/Skeleton';
+export type { SkeletonProps, SkeletonVariant } from './components/Skeleton';
 export { Avatar } from './components/Avatar';
 export type { AvatarProps, AvatarSize, AvatarColor } from './components/Avatar';
 export { Separator } from './components/Separator';
@@ -34,6 +36,8 @@ export { CountDownTimer } from './components/CountDownTimer';
 export type { CountDownTimerProps, CountDownVariant } from './components/CountDownTimer';
 export { Icon } from './components/Icon';
 export type { IconProps, IconSize } from './components/Icon';
+export { IconButton } from './components/IconButton';
+export type { IconButtonProps, IconButtonSize, IconButtonVariant } from './components/IconButton';
 export { Sidebar, SidebarSection, SidebarItem, SidebarCollapsedContext, useSidebarCollapsed } from './components/Sidebar';
 export type { SidebarProps, SidebarSectionProps, SidebarItemProps, SidebarMenuEntry } from './components/Sidebar';
 export { SpinButton } from './components/SpinButton';

package/dist/index.js

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