@logicplanes/kaeso-ui 0.4.3 → 0.4.5

package/dist/chunks/tooltip-Tkm-urbi.js

@@ -0,0 +1,202 @@
+"use client";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { r as t } from "./portal-context-CTatR2Z8.js";
+import { i as n } from "./kbd-8A0ML_up.js";
+import { n as r, t as i } from "./merge-refs-BN1FyQt9.js";
+import { cloneElement as a, forwardRef as o, isValidElement as s, useEffect as c, useId as l, useLayoutEffect as u, useMemo as d, useReducer as f, useRef as p, useState as m, useSyncExternalStore as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { createPortal as y } from "react-dom";
+//#region src/utils/hidden-description.tsx
+function b(e) {
+	let t = l();
+	return e ? {
+		id: t,
+		node: /* @__PURE__ */ _("span", {
+			id: t,
+			hidden: !0,
+			children: e
+		})
+	} : {
+		id: void 0,
+		node: null
+	};
+}
+var x = (...e) => e.filter(Boolean).join(" ") || void 0, S = (e) => e != null && e !== !1 && e !== !0 && (typeof e != "string" || e.trim() !== ""), C;
+function w(e) {
+	let t = C ??= /* @__PURE__ */ new Set();
+	t.add(e);
+	let n = () => t.delete(e);
+	return e.then(n, n), e;
+}
+var T = /^Failed to fetch dynamically imported module: (\S+)$/, E = /\bimport\(\s*(["'`])([^"'`$]+)\1\s*\)/, D = (e) => e instanceof Error && T.test(e.message);
+function O(e, t, n) {
+	let r = e instanceof Error ? T.exec(e.message)?.[1] : void 0, i = n?.(), a = r ?? (i ? E.exec(String(t))?.[2] : void 0);
+	return a && URL.canParse(a, i) ? new URL(a, i).href : void 0;
+}
+function k(e, t) {
+	let n = new URL(e);
+	return n.searchParams.set("retry", String(t)), n.href;
+}
+function A(e, { base: t, reimport: n = (e) => import(e) } = {}) {
+	let r, i, a = 0, o, s = () => o ? n(k(o, a)).catch((t) => D(t) ? Promise.reject(t) : e()) : e();
+	return {
+		current: () => r,
+		load: () => i ??= w(s().then((e) => r = e, (n) => {
+			throw i = void 0, a += 1, o = O(n, e, t) ?? o, n;
+		}))
+	};
+}
+function j(e) {
+	e.load().catch(() => void 0);
+}
+function M(e, t, n) {
+	let [, r] = f((e) => e + 1, 0), i = p(n);
+	u(() => {
+		i.current = n;
+	});
+	let a = e.current();
+	return c(() => {
+		if (!t || a) return;
+		let n = !0;
+		return e.load().then(() => n && r(), () => n && i.current?.()), () => {
+			n = !1;
+		};
+	}, [
+		e,
+		t,
+		a
+	]), t ? a : void 0;
+}
+function N(e, t) {
+	let [n, r] = m(!1);
+	return [M(e, t && !n, () => r(!0)), () => r(!1)];
+}
+//#endregion
+//#region src/components/tooltip/trigger-props.ts
+function P() {
+	let e = null, t = null, n, i, a = /* @__PURE__ */ new Set(), o = () => {
+		i?.(), i = t && n ? r(n, t) : void 0;
+	};
+	return {
+		get: () => e,
+		set: (t) => {
+			t?.ref !== n && (n = t?.ref, o()), e = t;
+			for (let e of a) e();
+		},
+		subscribe: (e) => (a.add(e), () => void a.delete(e)),
+		ref: (e) => {
+			t = e, o();
+		},
+		element: () => t
+	};
+}
+function F({ store: e, merge: t, extra: n, children: r }) {
+	let o = h(e.subscribe, e.get, e.get), s = {
+		...r.props,
+		...n
+	}, c = d(() => i(s.ref, e.ref), [s.ref, e]);
+	return a(r, {
+		...o && t ? t(o, s) : n,
+		ref: c
+	});
+}
+process.env.NODE_ENV !== "production" && (F.displayName = "HandedTrigger");
+//#endregion
+//#region src/components/tooltip/tooltip.tsx
+var I = {
+	side: {
+		top: { classes: "" },
+		bottom: { classes: "" },
+		left: { classes: "" },
+		right: { classes: "" }
+	},
+	shape: {
+		pill: { classes: "rounded-pill h-28 px-12 whitespace-nowrap" },
+		multiline: { classes: "rounded-tooltip px-12 py-8 max-w-280 text-pretty wrap-anywhere" }
+	}
+}, L = {
+	side: "top",
+	shape: "pill"
+}, R = /* @__PURE__ */ A(() => import("./tooltip-root-BC_RNNiP.js"), { base: () => import.meta.url }), z = (e) => (e ?? "").replace(/\s+/g, " ").trim().toLowerCase();
+function B(e) {
+	let t = e.getAttribute("aria-labelledby");
+	return t ? t.split(/\s+/).map((t) => e.ownerDocument.getElementById(t)?.textContent ?? "").join(" ") : e.getAttribute("aria-label") ?? e.textContent ?? "";
+}
+function V(e, t) {
+	let n = (t["aria-describedby"] ?? "").split(/\s+/).filter(Boolean);
+	return n.length ? n.map((t) => e.getElementById(t)?.textContent ?? "").join(" ") : t["aria-description"] ?? "";
+}
+function H(e, n, r, i) {
+	let a = l(), o = t(), s = p(null), [d, f] = m(!1), [h, g] = m(!1), v = typeof e == "string" || typeof e == "number" ? String(e) : null, b = v !== null && !i["aria-describedby"];
+	c(() => f(!0), []);
+	let { "aria-describedby": S, "aria-description": C } = i;
+	u(() => {
+		let e = n.element(), t = z(v ?? s.current?.textContent), i = !r && !!e && t !== "" && t !== z(B(e)) && !z(V(e.ownerDocument, {
+			"aria-describedby": S,
+			"aria-description": C
+		})).includes(t);
+		i !== h && g(i);
+	}, [
+		v,
+		r,
+		d,
+		e,
+		h,
+		n,
+		S,
+		C
+	]);
+	let w = d && (v === null || h && !b) && typeof document < "u" ? y(/* @__PURE__ */ _("span", {
+		ref: s,
+		id: a,
+		hidden: !0,
+		children: e
+	}), o ?? document.body) : null;
+	return h ? {
+		props: b ? { "aria-description": v } : { "aria-describedby": x(i["aria-describedby"], a) },
+		node: w
+	} : {
+		props: void 0,
+		node: w
+	};
+}
+function U(e) {
+	let [t, n] = N(R, !0), [r] = m(P), i = s(e.children) ? e.children.props : {}, a = H(e.content, r, !!e.disabled, i);
+	if (!s(e.children)) return e.children;
+	let o = a.props, c = t ? o : {
+		...o,
+		onPointerEnter: (e) => {
+			i.onPointerEnter?.(e), n();
+		},
+		onFocus: (e) => {
+			i.onFocus?.(e), n();
+		}
+	};
+	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _(F, {
+			store: r,
+			merge: t?.mergeTriggerProps,
+			extra: c,
+			children: e.children
+		}),
+		a.node,
+		t && /* @__PURE__ */ _(t.TooltipRoot, {
+			...e,
+			triggerProps: r
+		})
+	] });
+}
+process.env.NODE_ENV !== "production" && (U.displayName = "Tooltip");
+var W = /* @__PURE__ */ o(function({ children: t, shortcut: r, shape: i = "pill" }, a) {
+	return /* @__PURE__ */ v("div", {
+		ref: a,
+		role: "tooltip",
+		className: e("inline-flex items-center gap-8 bg-tooltip text-small font-medium text-fg shadow-raised", I.shape[i].classes),
+		children: [/* @__PURE__ */ _("span", { children: t }), r && /* @__PURE__ */ _(n, { keys: r })]
+	});
+});
+process.env.NODE_ENV !== "production" && (W.displayName = "TooltipSurface");
+//#endregion
+export { F as a, j as c, x as d, S as f, W as i, M as l, I as n, P as o, b as p, U as r, A as s, L as t, N as u };
+
+//# sourceMappingURL=tooltip-Tkm-urbi.js.map

package/dist/chunks/tooltip-Tkm-urbi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-Tkm-urbi.js","names":["_Fragment","cn","usePortalContainer","KbdSequence","setRef","mergeRefs","Fragment$1","useHiddenDescription","id","useId","text","joinIds","ids","showsText","node","loading","track","all","promise","settle","CHROMIUM_FAILED_FETCH","IMPORTED","downloadFailed","error","failedAddress","named","from","base","address","load","fresh","url","attempt","lazyModule","mod","pending","failures","reimport","m","preload","useLazyModule","loaded","useReducer","n","failed","useRef","onFail","useEffect","wanted","live","useLazyModuleRetried","setFailed","useState","triggerPropsStore","props","element","given","detach","listeners","attach","next","listener","HandedTrigger","useSyncExternalStore","store","own","children","extra","ref","useMemo","cloneElement","merge","KAESO_TOOLTIP_VARIANTS","KAESO_TOOLTIP_DEFAULT_VARIANTS","tooltipRoot","words","accessibleName","labelledBy","el","ownDescription","doc","useDescription","container","mounted","setMounted","describes","setDescribes","plain","content","asAttribute","describedBy","description","trigger","off","hidden","createPortal","Tooltip","retry","isValidElement","retryOnIntent","TooltipSurface","shape","shortcut"],"sources":["../../src/utils/hidden-description.tsx","../../src/utils/lazy-module.ts","../../src/components/tooltip/trigger-props.ts","../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { useId, type ReactNode } from \"react\";\n\ninterface HiddenDescription {\n  id: string | undefined;\n  node: ReactNode;\n}\n\nexport function useHiddenDescription(text: string | undefined): HiddenDescription {\n  const id = useId();\n  if (!text) return { id: undefined, node: null };\n  return {\n    id,\n    node: (\n      <span id={id} hidden>\n        {text}\n      </span>\n    ),\n  };\n}\n\nexport const joinIds = (...ids: (string | false | null | undefined)[]): string | undefined => ids.filter(Boolean).join(\" \") || undefined;\n\nexport const showsText = (node: ReactNode): boolean =>\n  node !== undefined && node !== null && node !== false && node !== true && !(typeof node === \"string\" && node.trim() === \"\");\n","import { useEffect, useLayoutEffect, useReducer, useRef, useState } from \"react\";\n\nexport interface LazyModule<T> {\n  current: () => T | undefined;\n  load: () => Promise<T>;\n}\n\nlet loading: Set<Promise<unknown>> | undefined;\n\nfunction track<T>(promise: Promise<T>): Promise<T> {\n  const all = (loading ??= new Set());\n  all.add(promise);\n  const settle = () => all.delete(promise);\n  promise.then(settle, settle);\n  return promise;\n}\n\nexport async function lazyModulesSettled(): Promise<void> {\n  while (loading?.size) await Promise.allSettled(loading);\n}\n\nexport interface LazyModuleOptions<T> {\n  base?: (() => string) | undefined;\n  reimport?: ((url: string) => Promise<T>) | undefined;\n}\n\nconst CHROMIUM_FAILED_FETCH = /^Failed to fetch dynamically imported module: (\\S+)$/;\nconst IMPORTED = /\\bimport\\(\\s*([\"'`])([^\"'`$]+)\\1\\s*\\)/;\n\nconst downloadFailed = (error: unknown) => error instanceof Error && CHROMIUM_FAILED_FETCH.test(error.message);\n\nfunction failedAddress(error: unknown, load: () => unknown, base: (() => string) | undefined): string | undefined {\n  const named = error instanceof Error ? CHROMIUM_FAILED_FETCH.exec(error.message)?.[1] : undefined;\n  const from = base?.();\n  const address = named ?? (from ? IMPORTED.exec(String(load))?.[2] : undefined);\n  return address && URL.canParse(address, from) ? new URL(address, from).href : undefined;\n}\n\nfunction fresh(address: string, attempt: number): string {\n  const url = new URL(address);\n  url.searchParams.set(\"retry\", String(attempt));\n  return url.href;\n}\n\nexport function lazyModule<T>(load: () => Promise<T>, { base, reimport = (url) => import(url) as Promise<T> }: LazyModuleOptions<T> = {}): LazyModule<T> {\n  let mod: T | undefined;\n  let pending: Promise<T> | undefined;\n  let failures = 0;\n  let address: string | undefined;\n  const attempt = () =>\n    address ? reimport(fresh(address, failures)).catch((error: unknown) => (downloadFailed(error) ? Promise.reject(error) : load())) : load();\n  return {\n    current: () => mod,\n    load: () =>\n      (pending ??= track(\n        attempt().then(\n          (m) => (mod = m),\n          (error: unknown) => {\n            pending = undefined;\n            failures += 1;\n            address = failedAddress(error, load, base) ?? address;\n            throw error;\n          },\n        ),\n      )),\n  };\n}\n\nexport function preload<T>(m: LazyModule<T>): void {\n  m.load().catch(() => undefined);\n}\n\nexport function useLazyModule<T>(m: LazyModule<T>, wanted: boolean, onFail?: (() => void) | undefined): T | undefined {\n  const [, loaded] = useReducer((n: number) => n + 1, 0);\n  const failed = useRef(onFail);\n  useLayoutEffect(() => {\n    failed.current = onFail;\n  });\n  const mod = m.current();\n  useEffect(() => {\n    if (!wanted || mod) return;\n    let live = true;\n    m.load().then(\n      () => live && loaded(),\n      () => live && failed.current?.(),\n    );\n    return () => {\n      live = false;\n    };\n  }, [m, wanted, mod]);\n  return wanted ? mod : undefined;\n}\n\nexport function useLazyModuleRetried<T>(m: LazyModule<T>, wanted: boolean): [T | undefined, () => void] {\n  const [failed, setFailed] = useState(false);\n  const mod = useLazyModule(m, wanted && !failed, () => setFailed(true));\n  return [mod, () => setFailed(false)];\n}\n","import { cloneElement, useMemo, useSyncExternalStore, type HTMLAttributes, type ReactElement, type Ref, type RefCallback } from \"react\";\nimport { mergeRefs, setRef } from \"../../utils/merge-refs.js\";\n\nexport type TriggerProps = HTMLAttributes<Element> & { ref?: Ref<Element> | undefined };\n\nexport interface TriggerPropsStore {\n  get: () => TriggerProps | null;\n  set: (props: TriggerProps | null) => void;\n  subscribe: (listener: () => void) => () => void;\n  ref: RefCallback<Element>;\n  element: () => Element | null;\n}\n\nexport function triggerPropsStore(): TriggerPropsStore {\n  let props: TriggerProps | null = null;\n  let element: Element | null = null;\n  let given: Ref<Element> | undefined;\n  let detach: (() => void) | undefined;\n  const listeners = new Set<() => void>();\n  const attach = () => {\n    detach?.();\n    detach = element && given ? setRef(given, element) : undefined;\n  };\n  return {\n    get: () => props,\n    set: (next) => {\n      if (next?.ref !== given) {\n        given = next?.ref;\n        attach();\n      }\n      props = next;\n      for (const listener of listeners) listener();\n    },\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => void listeners.delete(listener);\n    },\n    ref: (node) => {\n      element = node;\n      attach();\n    },\n    element: () => element,\n  };\n}\n\nexport function HandedTrigger({\n  store,\n  merge,\n  extra,\n  children,\n}: {\n  store: TriggerPropsStore;\n  merge: ((given: TriggerProps, own: object) => object) | undefined;\n  extra?: object | undefined;\n  children: ReactElement;\n}) {\n  const given = useSyncExternalStore(store.subscribe, store.get, store.get);\n  const own = { ...(children.props as object), ...extra } as { ref?: Ref<Element> | undefined };\n  const ref = useMemo(() => mergeRefs(own.ref, store.ref), [own.ref, store]);\n  return cloneElement(children as ReactElement<{ ref?: Ref<Element> | undefined }>, { ...(given && merge ? merge(given, own) : extra), ref });\n}\nif (process.env.NODE_ENV !== \"production\") HandedTrigger.displayName = \"HandedTrigger\";\n","import {\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type FocusEvent,\n  type PointerEvent,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { joinIds } from \"../../utils/hidden-description.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { lazyModule, useLazyModuleRetried } from \"../../utils/lazy-module.js\";\nimport { HandedTrigger, triggerPropsStore, type TriggerPropsStore } from \"./trigger-props.js\";\nimport { KbdSequence } from \"../kbd/kbd.js\";\n\nexport const KAESO_TOOLTIP_VARIANTS = {\n  side: {\n    top: { classes: \"\" },\n    bottom: { classes: \"\" },\n    left: { classes: \"\" },\n    right: { classes: \"\" },\n  },\n  shape: {\n    pill: {\n      classes: \"rounded-pill h-28 px-12 whitespace-nowrap\",\n    },\n    multiline: {\n      classes: \"rounded-tooltip px-12 py-8 max-w-280 text-pretty wrap-anywhere\",\n    },\n  },\n} as const;\nexport const KAESO_TOOLTIP_DEFAULT_VARIANTS = { side: \"top\", shape: \"pill\" } as const;\n\nexport interface TooltipProps {\n  content: ReactNode;\n  shortcut?: string[] | string[][] | undefined;\n  children: ReactElement;\n  side?: keyof typeof KAESO_TOOLTIP_VARIANTS.side | undefined;\n  shape?: keyof typeof KAESO_TOOLTIP_VARIANTS.shape | undefined;\n  open?: boolean | undefined;\n  defaultOpen?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  disabled?: boolean | undefined;\n  delay?: number | undefined;\n  sideOffset?: number | undefined;\n}\n\nconst tooltipRoot = /* @__PURE__ */ lazyModule(() => import(\"./tooltip-root.js\"), { base: () => import.meta.url });\n\nconst words = (text: string | null | undefined) => (text ?? \"\").replace(/\\s+/g, \" \").trim().toLowerCase();\n\nfunction accessibleName(el: Element): string {\n  const labelledBy = el.getAttribute(\"aria-labelledby\");\n  if (labelledBy)\n    return labelledBy\n      .split(/\\s+/)\n      .map((id) => el.ownerDocument.getElementById(id)?.textContent ?? \"\")\n      .join(\" \");\n  return el.getAttribute(\"aria-label\") ?? el.textContent ?? \"\";\n}\n\ninterface OwnDescription {\n  \"aria-describedby\"?: string | undefined;\n  \"aria-description\"?: string | undefined;\n}\n\nfunction ownDescription(doc: Document, own: OwnDescription): string {\n  const ids = (own[\"aria-describedby\"] ?? \"\").split(/\\s+/).filter(Boolean);\n  if (!ids.length) return own[\"aria-description\"] ?? \"\";\n  return ids.map((id) => doc.getElementById(id)?.textContent ?? \"\").join(\" \");\n}\n\nfunction useDescription(content: ReactNode, store: TriggerPropsStore, off: boolean, own: OwnDescription) {\n  const id = useId();\n  const container = usePortalContainer();\n  const node = useRef<HTMLSpanElement>(null);\n  const [mounted, setMounted] = useState(false);\n  const [describes, setDescribes] = useState(false);\n  const plain = typeof content === \"string\" || typeof content === \"number\" ? String(content) : null;\n  // aria-describedby overrides aria-description, so only a trigger without its own describedby can take plain text as an attribute.\n  const asAttribute = plain !== null && !own[\"aria-describedby\"];\n  useEffect(() => setMounted(true), []);\n  const { \"aria-describedby\": describedBy, \"aria-description\": description } = own;\n  useLayoutEffect(() => {\n    const trigger = store.element();\n    const text = words(plain ?? node.current?.textContent);\n    const next =\n      !off &&\n      !!trigger &&\n      text !== \"\" &&\n      text !== words(accessibleName(trigger)) &&\n      !words(ownDescription(trigger.ownerDocument, { \"aria-describedby\": describedBy, \"aria-description\": description })).includes(text);\n    if (next !== describes) setDescribes(next);\n  }, [plain, off, mounted, content, describes, store, describedBy, description]);\n  const hidden =\n    mounted && (plain === null || (describes && !asAttribute)) && typeof document !== \"undefined\"\n      ? createPortal(\n          <span ref={node} id={id} hidden>\n            {content}\n          </span>,\n          container ?? document.body,\n        )\n      : null;\n  if (!describes) return { props: undefined, node: hidden };\n  return { props: asAttribute ? { \"aria-description\": plain } : { \"aria-describedby\": joinIds(own[\"aria-describedby\"], id) }, node: hidden };\n}\n\nexport function Tooltip(props: TooltipProps) {\n  const [mod, retry] = useLazyModuleRetried(tooltipRoot, true);\n  const [store] = useState(triggerPropsStore);\n  const own = (isValidElement(props.children) ? props.children.props : {}) as OwnDescription & {\n    onPointerEnter?: ((e: PointerEvent<Element>) => void) | undefined;\n    onFocus?: ((e: FocusEvent<Element>) => void) | undefined;\n  };\n  const description = useDescription(props.content, store, !!props.disabled, own);\n  if (!isValidElement(props.children)) return props.children;\n  const describedBy = description.props;\n  const retryOnIntent = mod\n    ? describedBy\n    : {\n        ...describedBy,\n        onPointerEnter: (e: PointerEvent<Element>) => {\n          own.onPointerEnter?.(e);\n          retry();\n        },\n        onFocus: (e: FocusEvent<Element>) => {\n          own.onFocus?.(e);\n          retry();\n        },\n      };\n  return (\n    <>\n      <HandedTrigger store={store} merge={mod?.mergeTriggerProps} extra={retryOnIntent}>\n        {props.children}\n      </HandedTrigger>\n      {description.node}\n      {mod && <mod.TooltipRoot {...props} triggerProps={store} />}\n    </>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") Tooltip.displayName = \"Tooltip\";\n\nexport interface TooltipSurfaceProps {\n  children: ReactNode;\n  shortcut?: string[] | string[][] | undefined;\n  shape?: keyof typeof KAESO_TOOLTIP_VARIANTS.shape | undefined;\n}\n\nexport const TooltipSurface = /* @__PURE__ */ forwardRef<HTMLDivElement, TooltipSurfaceProps>(function TooltipSurface({ children, shortcut, shape = \"pill\" }, ref) {\n  return (\n    <div\n      ref={ref}\n      role=\"tooltip\"\n      className={cn(\"inline-flex items-center gap-8 bg-tooltip text-small font-medium text-fg shadow-raised\", KAESO_TOOLTIP_VARIANTS.shape[shape].classes)}\n    >\n      <span>{children}</span>\n      {shortcut && <KbdSequence keys={shortcut} />}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") TooltipSurface.displayName = \"TooltipSurface\";\n"],"mappings":"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"}

package/dist/chunks/tooltip-root-BC_RNNiP.js

@@ -0,0 +1,70 @@
+"use client";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { n as t, r as n } from "./portal-context-CTatR2Z8.js";
+import { i as r } from "./kbd-8A0ML_up.js";
+import { n as i, t as a } from "./tooltip-Tkm-urbi.js";
+import { t as o } from "./observe-resize-DhxhmoyB.js";
+import { useLayoutEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Tooltip as f } from "@base-ui/react/tooltip";
+import { mergeProps as p } from "@base-ui/react/merge-props";
+//#region src/components/tooltip/tooltip-root.tsx
+var m = "z-70 flex items-center gap-8 bg-tooltip text-small font-medium text-fg shadow-raised popup-motion";
+function h({ content: e, shortcut: i, triggerProps: o, side: s = a.side, shape: c = a.shape, open: l, defaultOpen: p, onOpenChange: m, disabled: h, delay: _, sideOffset: y = 8 }) {
+	return /* @__PURE__ */ d(f.Root, {
+		...l === void 0 ? {} : { open: l },
+		...p === void 0 ? {} : { defaultOpen: p },
+		...m ? { onOpenChange: (e) => m(e) } : {},
+		...h === void 0 ? {} : { disabled: h },
+		children: [/* @__PURE__ */ u(f.Trigger, {
+			render: (e) => /* @__PURE__ */ u(g, {
+				store: o,
+				props: e
+			}),
+			..._ === void 0 ? {} : { delay: _ }
+		}), /* @__PURE__ */ u(f.Portal, {
+			container: n(),
+			children: /* @__PURE__ */ u(f.Positioner, {
+				positionMethod: "fixed",
+				collisionBoundary: t(),
+				side: s,
+				sideOffset: y,
+				collisionPadding: 8,
+				children: /* @__PURE__ */ d(v, {
+					shape: c,
+					children: [/* @__PURE__ */ u("span", { children: e }), i && /* @__PURE__ */ u(r, { keys: i })]
+				})
+			})
+		})]
+	});
+}
+process.env.NODE_ENV !== "production" && (h.displayName = "Tooltip.Root");
+function g({ store: e, props: t }) {
+	return s(() => e.set(t)), s(() => () => e.set(null), [e]), null;
+}
+process.env.NODE_ENV !== "production" && (g.displayName = "Tooltip.HandOver");
+function _(e, t) {
+	let { ref: n, ...r } = e;
+	return p(r, t);
+}
+function v({ shape: t, children: n }) {
+	let r = c(null), [a, d] = l(!1);
+	return s(() => {
+		let e = r.current;
+		if (t !== "pill" || a || !e) return;
+		let n = () => {
+			e.scrollWidth > e.clientWidth + 1 && d(!0);
+		};
+		return n(), o([e], n);
+	}, [t, a]), /* @__PURE__ */ u(f.Popup, {
+		ref: r,
+		role: "tooltip",
+		className: e(m, i.shape[a ? "multiline" : t].classes),
+		style: { maxWidth: a || t === "multiline" ? "min(var(--k-width-tooltip), var(--available-width))" : "var(--available-width)" },
+		children: n
+	});
+}
+//#endregion
+export { h as TooltipRoot, _ as mergeTriggerProps };
+
+//# sourceMappingURL=tooltip-root-BC_RNNiP.js.map

package/dist/chunks/tooltip-root-BC_RNNiP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-root-BC_RNNiP.js","names":["BaseTooltip","cn","pageBoundary","usePortalContainer","KbdSequence","KAESO_TOOLTIP_VARIANTS","KAESO_TOOLTIP_DEFAULT_VARIANTS","observeResize","popupClasses","TooltipRoot","Tooltip","open","defaultOpen","onOpenChange","o","disabled","HandOver","triggerProps","delay","TooltipPopup","content","shortcut","useLayoutEffect","store","props","mergeTriggerProps","_ref","given","mergeProps","own","ref","useRef","wraps","setWraps","useState","el","shape","check"],"sources":["../../src/components/tooltip/tooltip-root.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { pageBoundary, usePortalContainer } from \"../../utils/portal-context.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { observeResize } from \"../../utils/observe-resize.js\";\nimport { KbdSequence } from \"../kbd/kbd.js\";\nimport { KAESO_TOOLTIP_DEFAULT_VARIANTS, KAESO_TOOLTIP_VARIANTS, type TooltipProps } from \"./tooltip.js\";\nimport type { TriggerProps, TriggerPropsStore } from \"./trigger-props.js\";\n\nconst popupClasses = \"z-70 flex items-center gap-8 bg-tooltip text-small font-medium text-fg shadow-raised popup-motion\";\n\nexport function TooltipRoot({\n  content,\n  shortcut,\n  triggerProps,\n  side = KAESO_TOOLTIP_DEFAULT_VARIANTS.side,\n  shape = KAESO_TOOLTIP_DEFAULT_VARIANTS.shape,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  delay,\n  sideOffset = 8,\n}: TooltipProps & { triggerProps: TriggerPropsStore }) {\n  return (\n    <BaseTooltip.Root\n      {...(open !== undefined ? { open } : {})}\n      {...(defaultOpen !== undefined ? { defaultOpen } : {})}\n      {...(onOpenChange ? { onOpenChange: (o: boolean) => onOpenChange(o) } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n    >\n      <BaseTooltip.Trigger render={(props) => <HandOver store={triggerProps} props={props} />} {...(delay !== undefined ? { delay } : {})} />\n      <BaseTooltip.Portal container={usePortalContainer()}>\n        <BaseTooltip.Positioner positionMethod=\"fixed\" collisionBoundary={pageBoundary()} side={side} sideOffset={sideOffset} collisionPadding={8}>\n          <TooltipPopup shape={shape}>\n            <span>{content}</span>\n            {shortcut && <KbdSequence keys={shortcut} />}\n          </TooltipPopup>\n        </BaseTooltip.Positioner>\n      </BaseTooltip.Portal>\n    </BaseTooltip.Root>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") TooltipRoot.displayName = \"Tooltip.Root\";\n\nfunction HandOver({ store, props }: { store: TriggerPropsStore; props: TriggerProps }) {\n  useLayoutEffect(() => store.set(props));\n  useLayoutEffect(() => () => store.set(null), [store]);\n  return null;\n}\nif (process.env.NODE_ENV !== \"production\") HandOver.displayName = \"Tooltip.HandOver\";\n\nexport function mergeTriggerProps(given: TriggerProps, own: object): object {\n  const { ref: _ref, ...props } = given;\n  return mergeProps<\"button\">(props, own);\n}\n\nfunction TooltipPopup({ shape, children }: { shape: keyof typeof KAESO_TOOLTIP_VARIANTS.shape; children: ReactNode }) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [wraps, setWraps] = useState(false);\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (shape !== \"pill\" || wraps || !el) return;\n    const check = () => {\n      if (el.scrollWidth > el.clientWidth + 1) setWraps(true);\n    };\n    check();\n    return observeResize([el], check);\n  }, [shape, wraps]);\n  return (\n    <BaseTooltip.Popup\n      ref={ref}\n      role=\"tooltip\"\n      className={cn(popupClasses, KAESO_TOOLTIP_VARIANTS.shape[wraps ? \"multiline\" : shape].classes)}\n      style={{ maxWidth: wraps || shape === \"multiline\" ? \"min(var(--k-width-tooltip), var(--available-width))\" : \"var(--available-width)\" }}\n    >\n      {children}\n    </BaseTooltip.Popup>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAUA,IAAMQ,IAAe;AAErB,SAAgBC,EAAY,EAC1B,YACA,aACA,iBACA,UAAOH,EAA+B,MACtC,WAAQA,EAA+B,OACvC,SACA,gBACA,iBACA,aACA,UACA,gBAAa,KACwC;CACrD,OACE,kBAACN,EAAY,MAAb;EACE,GAAKW,MAAS,KAAA,IAAuB,CAAC,IAAZ,EAAE,QAAK;EACjC,GAAKC,MAAgB,KAAA,IAA8B,CAAC,IAAnB,EAAE,eAAY;EAC/C,GAAKC,IAAe,EAAE,eAAe,MAAeA,EAAaC,CAAC,EAAE,IAAI,CAAC;EACzE,GAAKC,MAAa,KAAA,IAA2B,CAAC,IAAhB,EAAE,YAAS;EAJ3C,UAAA,CAME,kBAACf,EAAY,SAAb;GAAqB,SAAS,MAAU,kBAACgB,GAAD;IAAU,OAAOC;IAAqB;GAAQ,CAAA;GAAG,GAAKC,MAAU,KAAA,IAAwB,CAAC,IAAb,EAAE,SAAM;EAAU,CAAA,GACtI,kBAAClB,EAAY,QAAb;GAAoB,WAAWG,EAAmB;GAChD,UAAA,kBAACH,EAAY,YAAb;IAAwB,gBAAe;IAAQ,mBAAmBE,EAAa;IAAS;IAAkB;IAAY,kBAAkB;IACtI,UAAA,kBAACiB,GAAD;KAAqB;KAArB,UAAA,CACE,kBAAC,QAAD,EAAA,UAAOC,EAAc,CAAA,GACpBC,KAAY,kBAACjB,GAAD,EAAa,MAAMiB,EAAW,CAAA,CAC/B;;GACQ,CAAA;EACN,CAAA,CACJ;;AAEtB;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc;AAErE,SAASL,EAAS,EAAE,UAAO,YAA4D;CAGrF,OAFAM,QAAsBC,EAAM,IAAIC,CAAK,CAAC,GACtCF,cAA4BC,EAAM,IAAI,IAAI,GAAG,CAACA,CAAK,CAAC,GAC7C;AACT;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,SAAgBE,EAAkB,GAAqB,GAAqB;CAC1E,IAAM,EAAE,KAAKC,GAAM,GAAGF,MAAUG;CAChC,OAAOC,EAAqBJ,GAAOK,CAAG;AACxC;AAEA,SAASV,EAAa,EAAE,UAAO,eAAuF;CACpH,IAAMW,IAAMC,EAAuB,IAAI,GACjC,CAACC,GAAOC,KAAYC,EAAS,EAAK;CAUxC,OATAZ,QAAsB;EACpB,IAAMa,IAAKL,EAAI;EACf,IAAIM,MAAU,UAAUJ,KAAS,CAACG,GAAI;EACtC,IAAME,UAAc;GAClB,AAAIF,EAAG,cAAcA,EAAG,cAAc,KAAGF,EAAS,EAAI;EACxD;EAEA,OADAI,EAAM,GACC9B,EAAc,CAAC4B,CAAE,GAAGE,CAAK;CAClC,GAAG,CAACD,GAAOJ,CAAK,CAAC,GAEf,kBAAChC,EAAY,OAAb;EACO;EACL,MAAK;EACL,WAAWC,EAAGO,GAAcH,EAAuB,MAAM2B,IAAQ,cAAcI,EAAM,CAAC,OAAO;EAC7F,OAAO,EAAE,UAAUJ,KAASI,MAAU,cAAc,wDAAwD,yBAAyB;EAEpI;CACgB,CAAA;AAEvB"}

package/dist/chunks/truncated-d1afmUJT.js

@@ -0,0 +1,33 @@
+"use client";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { r as t } from "./tooltip-Tkm-urbi.js";
+import { t as n } from "./merge-refs-BN1FyQt9.js";
+import { t as r } from "./use-truncated-CW0hByYt.js";
+import { forwardRef as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/components/text/truncated.tsx
+var l = "a[href], button, input, select, textarea, [tabindex]", u = /* @__PURE__ */ i(function({ children: i, className: u, wrap: d = !1, ...f }, p) {
+	let m = o(null), h = r(m, !d), [g, _] = s(""), [v, y] = s(!1);
+	a(() => {
+		let e = m.current;
+		h && e && (_(typeof i == "string" ? i : (e.textContent ?? "").trim()), y(!!e.querySelector(l)));
+	}, [h, i]);
+	let b = /* @__PURE__ */ c("span", {
+		...f,
+		ref: n(p, m),
+		className: e(d ? "text-pretty" : "truncate", h && g && !v && "rounded-code focus-ring", u),
+		...h && g && !v ? { tabIndex: 0 } : {},
+		children: i
+	});
+	return /* @__PURE__ */ c(t, {
+		content: g,
+		shape: "multiline",
+		disabled: !(h && g),
+		children: b
+	});
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "TruncatedText");
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=truncated-d1afmUJT.js.map

package/dist/chunks/truncated-d1afmUJT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncated-d1afmUJT.js","names":["cn","Tooltip","mergeRefs","useTruncated","FOCUSABLE","TruncatedText","props","inner","useRef","cut","wrap","full","setFull","useState","nested","setNested","el","children","ref","className"],"sources":["../../src/components/text/truncated.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { mergeRefs } from \"../../utils/merge-refs.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\n\nconst FOCUSABLE = \"a[href], button, input, select, textarea, [tabindex]\";\n\nexport interface TruncatedTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  children: ReactNode;\n  className?: string | undefined;\n  wrap?: boolean | undefined;\n}\n\nexport const TruncatedText = /* @__PURE__ */ forwardRef<HTMLSpanElement, TruncatedTextProps>(function TruncatedText({ children, className, wrap = false, ...props }, ref) {\n  const inner = useRef<HTMLSpanElement | null>(null);\n  const cut = useTruncated(inner, !wrap);\n  const [full, setFull] = useState(\"\");\n  const [nested, setNested] = useState(false);\n  useLayoutEffect(() => {\n    const el = inner.current;\n    if (!cut || !el) return;\n    setFull(typeof children === \"string\" ? children : (el.textContent ?? \"\").trim());\n    setNested(!!el.querySelector(FOCUSABLE));\n  }, [cut, children]);\n  const el = (\n    <span\n      {...props}\n      ref={mergeRefs(ref, inner)}\n      className={cn(wrap ? \"text-pretty\" : \"truncate\", cut && full && !nested && \"rounded-code focus-ring\", className)}\n      {...(cut && full && !nested ? { tabIndex: 0 } : {})}\n    >\n      {children}\n    </span>\n  );\n  return (\n    <Tooltip content={full} shape=\"multiline\" disabled={!(cut && full)}>\n      {el}\n    </Tooltip>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") TruncatedText.displayName = \"TruncatedText\";\n"],"mappings":";;;;;;;;AAMA,IAAMI,IAAY,wDAQLC,IAAgC,kBAAgD,SAAuB,EAAE,aAAU,cAAW,UAAO,IAAO,GAAGC,KAAS,GAAK;CACxK,IAAMC,IAAQC,EAA+B,IAAI,GAC3CC,IAAMN,EAAaI,GAAO,CAACG,CAAI,GAC/B,CAACC,GAAMC,KAAWC,EAAS,EAAE,GAC7B,CAACC,GAAQC,KAAaF,EAAS,EAAK;CAC1C,QAAsB;EACpB,IAAMG,IAAKT,EAAM;EACjB,AAAKE,KAAQO,MACbJ,EAAQ,OAAOK,KAAa,WAAWA,KAAYD,EAAG,eAAe,GAAA,CAAI,KAAK,CAAC,GAC/ED,EAAU,CAAC,CAACC,EAAG,cAAcZ,CAAS,CAAC;CACzC,GAAG,CAACK,GAAKQ,CAAQ,CAAC;CAClB,IAAMD,IACJ,kBAAC,QAAD;EACE,GAAIV;EACJ,KAAKJ,EAAUgB,GAAKX,CAAK;EACzB,WAAWP,EAAGU,IAAO,gBAAgB,YAAYD,KAAOE,KAAQ,CAACG,KAAU,2BAA2BK,CAAS;EAC/G,GAAKV,KAAOE,KAAQ,CAACG,IAAS,EAAE,UAAU,EAAE,IAAI,CAAC;EAEhD;CACG,CAAA;CAER,OACE,kBAACb,GAAD;EAAS,SAASU;EAAM,OAAM;EAAY,UAAU,EAAEF,KAAOE;EAC1D,UAAAK;CACM,CAAA;AAEb,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAc,cAAc"}

package/dist/chunks/use-coarse-pointer-Ml5oE6oX.js

@@ -0,0 +1,28 @@
+"use client";
+import { useSyncExternalStore as e } from "react";
+//#region src/hooks/scroll-parent.ts
+function t(e) {
+	let t = e?.parentElement ?? null;
+	for (; t;) {
+		let e = getComputedStyle(t);
+		if (/(auto|scroll|overlay)/.test(e.overflowY) && t.scrollHeight > t.clientHeight) return t;
+		t = t.parentElement;
+	}
+	return document.scrollingElement ?? null;
+}
+//#endregion
+//#region src/hooks/use-coarse-pointer.ts
+var n = "(pointer: coarse)";
+function r(e) {
+	if (typeof window > "u" || !window.matchMedia) return () => {};
+	let t = window.matchMedia(n);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+var i = () => typeof window < "u" && !!window.matchMedia?.(n).matches;
+function a() {
+	return e(r, i, () => !1);
+}
+//#endregion
+export { t as n, a as t };
+
+//# sourceMappingURL=use-coarse-pointer-Ml5oE6oX.js.map

package/dist/chunks/use-coarse-pointer-Ml5oE6oX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-coarse-pointer-Ml5oE6oX.js","names":["scrollParent","p","el","s","COARSE","subscribe","query","onChange","coarse","useCoarsePointer","useSyncExternalStore"],"sources":["../../src/hooks/scroll-parent.ts","../../src/hooks/use-coarse-pointer.ts"],"sourcesContent":["export function scrollParent(el: HTMLElement | null): HTMLElement | null {\n  let p = el?.parentElement ?? null;\n  while (p) {\n    const s = getComputedStyle(p);\n    if (/(auto|scroll|overlay)/.test(s.overflowY) && p.scrollHeight > p.clientHeight) return p;\n    p = p.parentElement;\n  }\n  return (document.scrollingElement as HTMLElement | null) ?? null;\n}\n","import { useSyncExternalStore } from \"react\";\n\nconst COARSE = \"(pointer: coarse)\";\n\nfunction subscribe(onChange: () => void) {\n  if (typeof window === \"undefined\" || !window.matchMedia) return () => {};\n  const query = window.matchMedia(COARSE);\n  query.addEventListener(\"change\", onChange);\n  return () => query.removeEventListener(\"change\", onChange);\n}\n\nconst coarse = () => typeof window !== \"undefined\" && !!window.matchMedia?.(COARSE).matches;\n\nexport function useCoarsePointer(): boolean {\n  return useSyncExternalStore(subscribe, coarse, () => false);\n}\n"],"mappings":";;;AAAA,SAAgBA,EAAa,GAA4C;CACvE,IAAIC,IAAIC,GAAI,iBAAiB;CAC7B,OAAOD,IAAG;EACR,IAAME,IAAI,iBAAiBF,CAAC;EAC5B,IAAI,wBAAwB,KAAKE,EAAE,SAAS,KAAKF,EAAE,eAAeA,EAAE,cAAc,OAAOA;EACzF,IAAIA,EAAE;CACR;CACA,OAAQ,SAAS,oBAA2C;AAC9D;;;ACNA,IAAMG,IAAS;AAEf,SAASC,EAAU,GAAsB;CACvC,IAAI,OAAO,SAAW,OAAe,CAAC,OAAO,YAAY,aAAa,CAAC;CACvE,IAAMC,IAAQ,OAAO,WAAWF,CAAM;CAEtC,OADAE,EAAM,iBAAiB,UAAUC,CAAQ,SAC5BD,EAAM,oBAAoB,UAAUC,CAAQ;AAC3D;AAEA,IAAMC,UAAe,OAAO,SAAW,OAAe,CAAC,CAAC,OAAO,aAAaJ,CAAM,CAAC,CAAC;AAEpF,SAAgBK,IAA4B;CAC1C,OAAOC,EAAqBL,GAAWG,SAAc,EAAK;AAC5D"}

package/dist/chunks/use-hydrating-COtYVRo4.js

@@ -0,0 +1,8 @@
+"use client";
+import { useSyncExternalStore as e } from "react";
+//#region src/hooks/use-hydrating.ts
+var t = () => () => void 0, n = () => !1, r = () => !0, i = () => e(t, n, r);
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=use-hydrating-COtYVRo4.js.map

package/dist/chunks/use-hydrating-COtYVRo4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hydrating-COtYVRo4.js","names":["noSubscription","notHydrating","isHydrating","useHydrating","useSyncExternalStore"],"sources":["../../src/hooks/use-hydrating.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\n\nconst noSubscription = () => () => undefined;\nconst notHydrating = () => false;\nconst isHydrating = () => true;\n\nexport const useHydrating = (): boolean => useSyncExternalStore(noSubscription, notHydrating, isHydrating);\n"],"mappings":";;;AAEA,IAAMA,gBAA6B,KAAA,GAC7BC,UAAqB,IACrBC,UAAoB,IAEbC,UAA8BC,EAAqBJ,GAAgBC,GAAcC,CAAW"}

package/dist/chunks/use-scroll-fade-uc8mWSDX.js

@@ -0,0 +1,30 @@
+"use client";
+import { t as e } from "./observe-resize-DhxhmoyB.js";
+import { useEffect as t } from "react";
+//#region src/hooks/use-scroll-fade.ts
+function n(e, t, n) {
+	n > 0 ? e.style.setProperty(t, `${n}px`) : e.style.removeProperty(t);
+}
+function r(r, i, a) {
+	t(() => {
+		let t = r.current;
+		if (!t) return;
+		let a = () => {
+			let e = Math.abs(t.scrollLeft);
+			n(t, "--scroll-area-overflow-x-start", e), n(t, "--scroll-area-overflow-x-end", t.scrollWidth - t.clientWidth - e);
+		};
+		a(), t.addEventListener("scroll", a, { passive: !0 });
+		let o = t.querySelector(i), s = e(o ? [t, o] : [t], a);
+		return () => {
+			t.removeEventListener("scroll", a), s();
+		};
+	}, [
+		r,
+		i,
+		a
+	]);
+}
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=use-scroll-fade-uc8mWSDX.js.map

package/dist/chunks/use-scroll-fade-uc8mWSDX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-fade-uc8mWSDX.js","names":["observeResize","setLength","px","el","name","useScrollFadeX","ref","update","start","inner","content","stop","key"],"sources":["../../src/hooks/use-scroll-fade.ts"],"sourcesContent":["import { useEffect, type RefObject } from \"react\";\nimport { observeResize } from \"../utils/observe-resize.js\";\n\nfunction setLength(el: HTMLElement, name: string, px: number) {\n  if (px > 0) el.style.setProperty(name, `${px}px`);\n  else el.style.removeProperty(name);\n}\n\nexport function useScrollFadeX(ref: RefObject<HTMLElement | null>, content: string, key?: unknown) {\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const update = () => {\n      const start = Math.abs(el.scrollLeft);\n      setLength(el, \"--scroll-area-overflow-x-start\", start);\n      setLength(el, \"--scroll-area-overflow-x-end\", el.scrollWidth - el.clientWidth - start);\n    };\n    update();\n    el.addEventListener(\"scroll\", update, { passive: true });\n    const inner = el.querySelector(content);\n    const stop = observeResize(inner ? [el, inner] : [el], update);\n    return () => {\n      el.removeEventListener(\"scroll\", update);\n      stop();\n    };\n  }, [ref, content, key]);\n}\n"],"mappings":";;;;AAGA,SAASC,EAAU,GAAiB,GAAc,GAAY;CAC5D,AAAIC,IAAK,IAAGC,EAAG,MAAM,YAAYC,GAAM,GAAGF,EAAG,GAAG,IAC3CC,EAAG,MAAM,eAAeC,CAAI;AACnC;AAEA,SAAgBC,EAAe,GAAoC,GAAiB,GAAe;CACjG,QAAgB;EACd,IAAMF,IAAKG,EAAI;EACf,IAAI,CAACH,GAAI;EACT,IAAMI,UAAe;GACnB,IAAMC,IAAQ,KAAK,IAAIL,EAAG,UAAU;GAEpC,AADAF,EAAUE,GAAI,kCAAkCK,CAAK,GACrDP,EAAUE,GAAI,gCAAgCA,EAAG,cAAcA,EAAG,cAAcK,CAAK;EACvF;EAEA,AADAD,EAAO,GACPJ,EAAG,iBAAiB,UAAUI,GAAQ,EAAE,SAAS,GAAK,CAAC;EACvD,IAAME,IAAQN,EAAG,cAAcO,CAAO,GAChCC,IAAOX,EAAcS,IAAQ,CAACN,GAAIM,CAAK,IAAI,CAACN,CAAE,GAAGI,CAAM;EAC7D,aAAa;GAEX,AADAJ,EAAG,oBAAoB,UAAUI,CAAM,GACvCI,EAAK;EACP;CACF,GAAG;EAACL;EAAKI;EAASE;CAAG,CAAC;AACxB"}