@logicplanes/kaeso-ui 0.1.0

package/dist/chunks/tooltip-CDu00nzg.js

@@ -0,0 +1,124 @@
+"use client";
+import { t as e } from "./cn-CidVUKMm.js";
+import { i as t } from "./kbd-CBcBDvqU.js";
+import { cloneElement as n, isValidElement as r, useEffect as i, useMemo as a, useReducer as o, useState as s, useSyncExternalStore as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/utils/lazy-module.ts
+var f;
+function p(e) {
+	let t = f ??= /* @__PURE__ */ new Set();
+	t.add(e);
+	let n = () => t.delete(e);
+	return e.then(n, n), e;
+}
+function m(e) {
+	let t, n;
+	return {
+		current: () => t,
+		load: () => n ??= p(e().then((e) => t = e, (e) => {
+			throw n = void 0, e;
+		}))
+	};
+}
+function h(e) {
+	e.load().catch(() => void 0);
+}
+function g(e, t) {
+	let [, n] = o((e) => e + 1, 0), r = e.current();
+	return i(() => {
+		if (!t || r) return;
+		let i = !0;
+		return e.load().then(() => i && n(), () => void 0), () => {
+			i = !1;
+		};
+	}, [
+		e,
+		t,
+		r
+	]), t ? r : void 0;
+}
+//#endregion
+//#region src/components/tooltip/trigger-props.ts
+function _() {
+	let e = null, t = null, n, r, i = /* @__PURE__ */ new Set(), a = () => {
+		r?.(), r = t && n ? v(n, t) : void 0;
+	};
+	return {
+		get: () => e,
+		set: (t) => {
+			t?.ref !== n && (n = t?.ref, a()), e = t;
+			for (let e of i) e();
+		},
+		subscribe: (e) => (i.add(e), () => void i.delete(e)),
+		ref: (e) => {
+			t = e, a();
+		}
+	};
+}
+function v(e, t) {
+	if (typeof e == "function") {
+		let n = e(t);
+		return typeof n == "function" ? n : () => void e(null);
+	}
+	if (e) return e.current = t, () => void (e.current = null);
+}
+function y({ store: e, merge: t, extra: r, children: i }) {
+	let o = c(e.subscribe, e.get, e.get), s = {
+		...i.props,
+		...r
+	}, l = a(() => b(s.ref, e.ref), [s.ref, e]);
+	return n(i, {
+		...o && t ? t(o, s) : r,
+		ref: l
+	});
+}
+process.env.NODE_ENV !== "production" && (y.displayName = "HandedTrigger");
+function b(...e) {
+	return (t) => {
+		let n = e.map((e) => v(e, t));
+		return () => {
+			for (let e of n) e?.();
+		};
+	};
+}
+//#endregion
+//#region src/components/tooltip/tooltip.tsx
+var x = {
+	side: {
+		top: { classes: "" },
+		bottom: { classes: "" },
+		left: { classes: "" },
+		right: { classes: "" }
+	},
+	shape: {
+		pill: { classes: "rounded-pill h-32 px-12 whitespace-nowrap" },
+		multiline: { classes: "rounded-tooltip px-12 py-8 max-w-280 text-pretty" }
+	}
+}, S = {
+	side: "top",
+	shape: "pill"
+}, C = /* @__PURE__ */ m(() => import("./tooltip-root-DWhtAtFb.js"));
+function w(e) {
+	let t = g(C, !0), [n] = s(_);
+	return r(e.children) ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(y, {
+		store: n,
+		merge: t?.mergeTriggerProps,
+		children: e.children
+	}), t && /* @__PURE__ */ u(t.TooltipRoot, {
+		...e,
+		triggerProps: n
+	})] }) : e.children;
+}
+process.env.NODE_ENV !== "production" && (w.displayName = "Tooltip");
+function T({ children: n, shortcut: r, shape: i = "pill" }) {
+	return /* @__PURE__ */ d("div", {
+		role: "tooltip",
+		className: e("inline-flex items-center gap-8 bg-tooltip text-small font-medium text-fg shadow-raised", x.shape[i].classes),
+		children: [/* @__PURE__ */ u("span", { children: n }), r && /* @__PURE__ */ u(t, { keys: r })]
+	});
+}
+process.env.NODE_ENV !== "production" && (T.displayName = "TooltipSurface");
+//#endregion
+export { y as a, h as c, T as i, g as l, x as n, _ as o, w as r, m as s, S as t };
+
+//# sourceMappingURL=tooltip-CDu00nzg.js.map

package/dist/chunks/tooltip-CDu00nzg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-CDu00nzg.js","names":["_Fragment","cn","KbdSequence","Fragment$1","loading","track","all","promise","settle","lazyModule","mod","pending","load","m","error","preload","useLazyModule","loaded","useReducer","n","useEffect","wanted","live","triggerPropsStore","props","element","given","detach","listeners","attach","setRef","next","listener","node","ref","cleanup","value","HandedTrigger","useSyncExternalStore","store","own","children","extra","useMemo","mergeRefs","cloneElement","merge","refs","cleanups","KAESO_TOOLTIP_VARIANTS","KAESO_TOOLTIP_DEFAULT_VARIANTS","tooltipRoot","Tooltip","useState","isValidElement","TooltipSurface","shape","shortcut"],"sources":["../../src/utils/lazy-module.ts","../../src/components/tooltip/trigger-props.ts","../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { useEffect, useReducer } 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 function lazyModule<T>(load: () => Promise<T>): LazyModule<T> {\n  let mod: T | undefined;\n  let pending: Promise<T> | undefined;\n  return {\n    current: () => mod,\n    load: () =>\n      (pending ??= track(\n        load().then(\n          (m) => (mod = m),\n          (error: unknown) => {\n            pending = undefined;\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): T | undefined {\n  const [, loaded] = useReducer((n: number) => n + 1, 0);\n  const mod = m.current();\n  useEffect(() => {\n    if (!wanted || mod) return;\n    let live = true;\n    m.load().then(\n      () => live && loaded(),\n      () => undefined,\n    );\n    return () => {\n      live = false;\n    };\n  }, [m, wanted, mod]);\n  return wanted ? mod : undefined;\n}\n","import { cloneElement, useMemo, useSyncExternalStore, type HTMLAttributes, type ReactElement, type Ref, type RefCallback } from \"react\";\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}\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  };\n}\n\nexport function setRef<T>(ref: Ref<T> | undefined, value: T): (() => void) | undefined {\n  if (typeof ref === \"function\") {\n    const cleanup = ref(value);\n    return typeof cleanup === \"function\" ? cleanup : () => void ref(null);\n  }\n  if (ref) {\n    ref.current = value;\n    return () => void (ref.current = null);\n  }\n  return undefined;\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\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]): RefCallback<T> {\n  return (node) => {\n    const cleanups = refs.map((ref) => setRef(ref, node));\n    return () => {\n      for (const cleanup of cleanups) cleanup?.();\n    };\n  };\n}\n","import { isValidElement, useState, type ReactElement, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { lazyModule, useLazyModule } from \"../../utils/lazy-module.js\";\nimport { HandedTrigger, 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-32 px-12 whitespace-nowrap\",\n    },\n    multiline: {\n      classes: \"rounded-tooltip px-12 py-8 max-w-280 text-pretty\",\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\"));\n\nexport function Tooltip(props: TooltipProps) {\n  const mod = useLazyModule(tooltipRoot, true);\n  const [store] = useState(triggerPropsStore);\n  if (!isValidElement(props.children)) return props.children;\n  return (\n    <>\n      <HandedTrigger store={store} merge={mod?.mergeTriggerProps}>\n        {props.children}\n      </HandedTrigger>\n      {mod && <mod.TooltipRoot {...props} triggerProps={store} />}\n    </>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") Tooltip.displayName = \"Tooltip\";\n\nexport function TooltipSurface({\n  children,\n  shortcut,\n  shape = \"pill\",\n}: {\n  children: ReactNode;\n  shortcut?: string[] | string[][] | undefined;\n  shape?: keyof typeof KAESO_TOOLTIP_VARIANTS.shape | undefined;\n}) {\n  return (\n    <div\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-DWhtAtFb.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-root-DWhtAtFb.js","names":["BaseTooltip","cn","pageBoundary","usePortalContainer","KbdSequence","KAESO_TOOLTIP_VARIANTS","KAESO_TOOLTIP_DEFAULT_VARIANTS","popupClasses","TooltipRoot","Tooltip","open","defaultOpen","onOpenChange","o","disabled","HandOver","triggerProps","delay","TooltipPopup","content","shortcut","useLayoutEffect","store","props","mergeTriggerProps","_ref","given","mergeProps","own","shape","className"],"sources":["../../src/components/tooltip/tooltip-root.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, 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 { 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\nconst TooltipPopup = /* @__PURE__ */ forwardRef<HTMLDivElement, { shape: keyof typeof KAESO_TOOLTIP_VARIANTS.shape; children: ReactNode; className?: string | undefined }>(\n  function TooltipPopup({ shape, children, className }, ref) {\n    return (\n      <BaseTooltip.Popup ref={ref} className={cn(popupClasses, KAESO_TOOLTIP_VARIANTS.shape[shape].classes, className)}>\n        {children}\n      </BaseTooltip.Popup>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") TooltipPopup.displayName = \"Tooltip.Popup\";\n"],"mappings":";;;;;;;;;;AASA,IAAMO,IAAe;AAErB,SAAgBC,EAAY,EAC1B,YACA,aACA,iBACA,UAAOF,EAA+B,MACtC,WAAQA,EAA+B,OACvC,SACA,gBACA,iBACA,aACA,UACA,gBAAa,KACwC;CACrD,OACE,kBAACN,EAAY,MAAb;EACE,GAAKU,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,kBAACd,EAAY,SAAb;GAAqB,SAAS,MAAU,kBAACe,GAAD;IAAU,OAAOC;IAAqB;GAAQ,CAAA;GAAG,GAAKC,MAAU,KAAA,IAAwB,CAAC,IAAb,EAAE,SAAM;EAAU,CAAA,GACtI,kBAACjB,EAAY,QAAb;GAAoB,WAAWG,EAAmB;GAChD,UAAA,kBAACH,EAAY,YAAb;IAAwB,gBAAe;IAAQ,mBAAmBE,EAAa;IAAS;IAAkB;IAAY,kBAAkB;IACtI,UAAA,kBAACgB,GAAD;KAAqB;KAArB,UAAA,CACE,kBAAC,QAAD,EAAA,UAAOC,EAAc,CAAA,GACpBC,KAAY,kBAAChB,GAAD,EAAa,MAAMgB,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,IAAMV,IAA+B,kBACnC,SAAsB,EAAE,UAAO,aAAU,gBAAa,GAAK;CACzD,OACE,kBAAClB,EAAY,OAAb;EAAwB;EAAK,WAAWC,EAAGM,GAAcF,EAAuB,MAAMwB,EAAM,CAAC,SAASC,CAAS;EAC5G;CACgB,CAAA;AAEvB,CACF;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc"}

package/dist/chunks/use-controllable-B5Fd12Bx.js

@@ -0,0 +1,13 @@
+"use client";
+import { useCallback as e, useRef as t, useState as n } from "react";
+//#region src/utils/use-controllable.ts
+function r(r, i, a) {
+	let [o, s] = n(i), c = r !== void 0, l = c ? r : o, u = t(a);
+	return u.current = a, [l, e((e) => {
+		c || s(e), u.current?.(e);
+	}, [c])];
+}
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=use-controllable-B5Fd12Bx.js.map

package/dist/chunks/use-controllable-B5Fd12Bx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-controllable-B5Fd12Bx.js","names":["useControllable","inner","setInner","useState","defaultValue","controlled","value","current","onChangeRef","useRef","onChange","useCallback","next"],"sources":["../../src/utils/use-controllable.ts"],"sourcesContent":["import { useCallback, useRef, useState } from \"react\";\n\nexport function useControllable<T>(value: T | undefined, defaultValue: T, onChange?: (next: T) => void): [T, (next: T) => void] {\n  const [inner, setInner] = useState(defaultValue);\n  const controlled = value !== undefined;\n  const current = controlled ? value : inner;\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  const set = useCallback(\n    (next: T) => {\n      if (!controlled) setInner(next);\n      onChangeRef.current?.(next);\n    },\n    [controlled],\n  );\n  return [current, set];\n}\n"],"mappings":";;;AAEA,SAAgBA,EAAmB,GAAsB,GAAiB,GAAsD;CAC9H,IAAM,CAACC,GAAOC,KAAYC,EAASC,CAAY,GACzCC,IAAaC,MAAU,KAAA,GACvBC,IAAUF,IAAaC,IAAQL,GAC/BO,IAAcC,EAAOC,CAAQ;CASnC,OARA,EAAY,UAAUA,GAQf,CAACH,GAPII,GACT,MAAY;EAEX,AADKN,KAAYH,EAASU,CAAI,GAC9BJ,EAAY,UAAUI,CAAI;CAC5B,GACA,CAACP,CAAU,CAEI,CAAG;AACtB"}

package/dist/chunks/use-copy-Dm2ncvMX.js

@@ -0,0 +1,24 @@
+"use client";
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/use-copy.ts
+function i(i = 1200) {
+	let [a, o] = r(!1), s = n(void 0);
+	return t(() => () => clearTimeout(s.current), []), {
+		copied: a,
+		copy: e(async (e) => {
+			try {
+				await navigator.clipboard.writeText(e);
+			} catch {
+				let t = document.createElement("textarea");
+				t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.opacity = "0", document.body.appendChild(t), t.select();
+				let n = document.execCommand("copy");
+				if (t.remove(), !n) return !1;
+			}
+			return o(!0), clearTimeout(s.current), s.current = setTimeout(() => o(!1), i), !0;
+		}, [i])
+	};
+}
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=use-copy-Dm2ncvMX.js.map

package/dist/chunks/use-copy-Dm2ncvMX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-Dm2ncvMX.js","names":["useCopy","copied","setCopied","useState","timer","useRef","useEffect","useCallback","text","ta","ok","duration"],"sources":["../../src/hooks/use-copy.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport function useCopy(duration = 1200): { copied: boolean; copy: (text: string) => Promise<boolean> } {\n  const [copied, setCopied] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  const copy = useCallback(\n    async (text: string) => {\n      try {\n        await navigator.clipboard.writeText(text);\n      } catch {\n        const ta = document.createElement(\"textarea\");\n        ta.value = text;\n        ta.setAttribute(\"readonly\", \"\");\n        ta.style.position = \"fixed\";\n        ta.style.opacity = \"0\";\n        document.body.appendChild(ta);\n        ta.select();\n        const ok = document.execCommand(\"copy\");\n        ta.remove();\n        if (!ok) return false;\n      }\n      setCopied(true);\n      clearTimeout(timer.current);\n      timer.current = setTimeout(() => setCopied(false), duration);\n      return true;\n    },\n    [duration],\n  );\n  return { copied, copy };\n}\n"],"mappings":";;;AAEA,SAAgBA,EAAQ,IAAW,MAAqE;CACtG,IAAM,CAACC,GAAQC,KAAaC,EAAS,EAAK,GACpCC,IAAQC,EAAkD,KAAA,CAAS;CAyBzE,OAxBAC,cAAsB,aAAaF,EAAM,OAAO,GAAG,CAAC,CAAC,GAwB9C;EAAE;EAAQ,MAvBJG,EACX,OAAO,MAAiB;GACtB,IAAI;IACF,MAAM,UAAU,UAAU,UAAUC,CAAI;GAC1C,QAAQ;IACN,IAAMC,IAAK,SAAS,cAAc,UAAU;IAM5C,AALA,EAAG,QAAQD,GACXC,EAAG,aAAa,YAAY,EAAE,GAC9B,EAAG,MAAM,WAAW,SACpB,EAAG,MAAM,UAAU,KACnB,SAAS,KAAK,YAAYA,CAAE,GAC5BA,EAAG,OAAO;IACV,IAAMC,IAAK,SAAS,YAAY,MAAM;IAEtC,IADAD,EAAG,OAAO,GACN,CAACC,GAAI,OAAO;GAClB;GAIA,OAHAR,EAAU,EAAI,GACd,aAAaE,EAAM,OAAO,GAC1B,EAAM,UAAU,iBAAiBF,EAAU,EAAK,GAAGS,CAAQ,GACpD;EACT,GACA,CAACA,CAAQ,CAEM;CAAK;AACxB"}

package/dist/chunks/use-layout-width-DZaLOQMT.js

@@ -0,0 +1,27 @@
+"use client";
+import { useLayoutEffect as e, useState as t } from "react";
+//#region src/hooks/use-layout-width.ts
+function n(e) {
+	let t = getComputedStyle(e), n = parseFloat(t.width);
+	return t.boxSizing === "border-box" && Number.isFinite(n) ? n : e.offsetWidth;
+}
+function r(r, i = !0) {
+	let [a, o] = t(null);
+	return e(() => {
+		let e = r.current;
+		if (!i || !e || (o(n(e)), typeof ResizeObserver > "u")) return;
+		let t = 0, a = new ResizeObserver(() => {
+			cancelAnimationFrame(t), t = requestAnimationFrame(() => o(n(e)));
+		});
+		return a.observe(e), () => {
+			cancelAnimationFrame(t), a.disconnect();
+		};
+	}, [r, i]), a;
+}
+function i(e) {
+	return e === null ? void 0 : { "--k-anchor-width": `${e}px` };
+}
+//#endregion
+export { r as n, i as t };
+
+//# sourceMappingURL=use-layout-width-DZaLOQMT.js.map

package/dist/chunks/use-layout-width-DZaLOQMT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-layout-width-DZaLOQMT.js","names":["layoutWidth","cs","el","w","useLayoutWidth","width","setWidth","useState","useLayoutEffect","ref","enabled","frame","ro","anchorWidthStyle"],"sources":["../../src/hooks/use-layout-width.ts"],"sourcesContent":["import { useLayoutEffect, useState, type RefObject } from \"react\";\n\nfunction layoutWidth(el: HTMLElement): number {\n  const cs = getComputedStyle(el);\n  const w = parseFloat(cs.width);\n  return cs.boxSizing === \"border-box\" && Number.isFinite(w) ? w : el.offsetWidth;\n}\n\nexport function useLayoutWidth(ref: RefObject<HTMLElement | null>, enabled = true): number | null {\n  const [width, setWidth] = useState<number | null>(null);\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!enabled || !el) return;\n    setWidth(layoutWidth(el));\n    if (typeof ResizeObserver === \"undefined\") return;\n    let frame = 0;\n    const ro = new ResizeObserver(() => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => setWidth(layoutWidth(el)));\n    });\n    ro.observe(el);\n    return () => {\n      cancelAnimationFrame(frame);\n      ro.disconnect();\n    };\n  }, [ref, enabled]);\n  return width;\n}\n\nexport function anchorWidthStyle(width: number | null): Record<string, string> | undefined {\n  return width === null ? undefined : { \"--k-anchor-width\": `${width}px` };\n}\n"],"mappings":";;;AAEA,SAASA,EAAY,GAAyB;CAC5C,IAAMC,IAAK,iBAAiBC,CAAE,GACxBC,IAAI,WAAWF,EAAG,KAAK;CAC7B,OAAOA,EAAG,cAAc,gBAAgB,OAAO,SAASE,CAAC,IAAIA,IAAID,EAAG;AACtE;AAEA,SAAgBE,EAAe,GAAoC,IAAU,IAAqB;CAChG,IAAM,CAACC,GAAOC,KAAYC,EAAwB,IAAI;CAiBtD,OAhBAC,QAAsB;EACpB,IAAMN,IAAKO,EAAI;EAGf,IAFI,CAACC,KAAW,CAACR,MACjBI,EAASN,EAAYE,CAAE,CAAC,GACpB,OAAO,iBAAmB,MAAa;EAC3C,IAAIS,IAAQ,GACNC,IAAK,IAAI,qBAAqB;GAElC,AADA,qBAAqBD,CAAK,GAC1B,IAAQ,4BAA4BL,EAASN,EAAYE,CAAE,CAAC,CAAC;EAC/D,CAAC;EAED,OADAU,EAAG,QAAQV,CAAE,SACA;GAEX,AADA,qBAAqBS,CAAK,GAC1BC,EAAG,WAAW;EAChB;CACF,GAAG,CAACH,GAAKC,CAAO,CAAC,GACVL;AACT;AAEA,SAAgBQ,EAAiB,GAA0D;CACzF,OAAOR,MAAU,OAAO,KAAA,IAAY,EAAE,oBAAoB,GAAGA,EAAM,IAAI;AACzE"}

package/dist/chunks/use-scroll-margin-DWcfIXac.js

@@ -0,0 +1,25 @@
+"use client";
+import { useLayoutEffect as e, useRef as t, useState as n } from "react";
+//#region src/hooks/use-scroll-margin.ts
+function r(r, i, a) {
+	let [o, s] = n(0), c = t(i);
+	return c.current = i, e(() => {
+		let e = r.current, t = c.current();
+		if (!e || !t) return;
+		let n = t === document.scrollingElement, i = () => {
+			let r = n ? 0 : t.getBoundingClientRect().top + t.clientTop;
+			s(Math.round(e.getBoundingClientRect().top - r + t.scrollTop));
+		};
+		i();
+		let a = n ? window : t;
+		a.addEventListener("scroll", i, { passive: !0 });
+		let o = typeof ResizeObserver > "u" ? null : new ResizeObserver(i);
+		return o?.observe(n ? document.body : t), () => {
+			a.removeEventListener("scroll", i), o?.disconnect();
+		};
+	}, [r, a]), o;
+}
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=use-scroll-margin-DWcfIXac.js.map

package/dist/chunks/use-scroll-margin-DWcfIXac.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-margin-DWcfIXac.js","names":["useScrollMargin","margin","setMargin","useState","scrollElement","useRef","getScrollElement","useLayoutEffect","el","ref","scroller","page","measure","origin","target","observer","count"],"sources":["../../src/hooks/use-scroll-margin.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type RefObject } from \"react\";\n\nexport function useScrollMargin(ref: RefObject<HTMLElement | null>, getScrollElement: () => HTMLElement | null, count: number) {\n  const [margin, setMargin] = useState(0);\n  const scrollElement = useRef(getScrollElement);\n  scrollElement.current = getScrollElement;\n  useLayoutEffect(() => {\n    const el = ref.current;\n    const scroller = scrollElement.current();\n    if (!el || !scroller) return;\n    const page = scroller === document.scrollingElement;\n    const measure = () => {\n      const origin = page ? 0 : scroller.getBoundingClientRect().top + scroller.clientTop;\n      setMargin(Math.round(el.getBoundingClientRect().top - origin + scroller.scrollTop));\n    };\n    measure();\n    const target = page ? window : scroller;\n    target.addEventListener(\"scroll\", measure, { passive: true });\n    const observer = typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(measure);\n    observer?.observe(page ? document.body : scroller);\n    return () => {\n      target.removeEventListener(\"scroll\", measure);\n      observer?.disconnect();\n    };\n  }, [ref, count]);\n  return margin;\n}\n"],"mappings":";;;AAEA,SAAgBA,EAAgB,GAAoC,GAA4C,GAAe;CAC7H,IAAM,CAACC,GAAQC,KAAaC,EAAS,CAAC,GAChCC,IAAgBC,EAAOC,CAAgB;CAqB7C,OApBA,EAAc,UAAUA,GACxBC,QAAsB;EACpB,IAAMC,IAAKC,EAAI,SACTC,IAAWN,EAAc,QAAQ;EACvC,IAAI,CAACI,KAAM,CAACE,GAAU;EACtB,IAAMC,IAAOD,MAAa,SAAS,kBAC7BE,UAAgB;GACpB,IAAMC,IAASF,IAAO,IAAID,EAAS,sBAAsB,CAAC,CAAC,MAAMA,EAAS;GAC1E,EAAU,KAAK,MAAMF,EAAG,sBAAsB,CAAC,CAAC,MAAMK,IAASH,EAAS,SAAS,CAAC;EACpF;EACA,EAAQ;EACR,IAAMI,IAASH,IAAO,SAASD;EAC/B,EAAO,iBAAiB,UAAUE,GAAS,EAAE,SAAS,GAAK,CAAC;EAC5D,IAAMG,IAAW,OAAO,iBAAmB,MAAc,OAAO,IAAI,eAAeH,CAAO;EAE1F,OADAG,GAAU,QAAQJ,IAAO,SAAS,OAAOD,CAAQ,SACpC;GAEX,AADAI,EAAO,oBAAoB,UAAUF,CAAO,GAC5CG,GAAU,WAAW;EACvB;CACF,GAAG,CAACN,GAAKO,CAAK,CAAC,GACRf;AACT"}

package/dist/chunks/use-truncated-DmQoePvG.js

@@ -0,0 +1,25 @@
+"use client";
+import { useCallback as e, useLayoutEffect as t, useState as n } from "react";
+//#region src/hooks/use-truncated.ts
+function r(r, i = !0) {
+	let [a, o] = n(!1), s = e(() => {
+		let e = r.current;
+		e && o(e.scrollWidth > e.clientWidth + 1 || e.scrollHeight > e.clientHeight + 1);
+	}, [r]);
+	return t(() => {
+		if (!i) return;
+		s();
+		let e = r.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(s);
+		return t.observe(e), () => t.disconnect();
+	}, [
+		i,
+		s,
+		r
+	]), a;
+}
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=use-truncated-DmQoePvG.js.map

package/dist/chunks/use-truncated-DmQoePvG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-truncated-DmQoePvG.js","names":["useTruncated","truncated","setTruncated","useState","measure","useCallback","el","ref","useLayoutEffect","enabled","ro"],"sources":["../../src/hooks/use-truncated.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useState, type RefObject } from \"react\";\n\nexport function useTruncated<T extends HTMLElement>(ref: RefObject<T | null>, enabled = true): boolean {\n  const [truncated, setTruncated] = useState(false);\n  const measure = useCallback(() => {\n    const el = ref.current;\n    if (!el) return;\n    setTruncated(el.scrollWidth > el.clientWidth + 1 || el.scrollHeight > el.clientHeight + 1);\n  }, [ref]);\n  useLayoutEffect(() => {\n    if (!enabled) return;\n    measure();\n    const el = ref.current;\n    if (!el || typeof ResizeObserver === \"undefined\") return;\n    const ro = new ResizeObserver(measure);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [enabled, measure, ref]);\n  return truncated;\n}\n"],"mappings":";;;AAEA,SAAgBA,EAAoC,GAA0B,IAAU,IAAe;CACrG,IAAM,CAACC,GAAWC,KAAgBC,EAAS,EAAK,GAC1CC,IAAUC,QAAkB;EAChC,IAAMC,IAAKC,EAAI;EACf,AAAKD,KACLJ,EAAaI,EAAG,cAAcA,EAAG,cAAc,KAAKA,EAAG,eAAeA,EAAG,eAAe,CAAC;CAC3F,GAAG,CAACC,CAAG,CAAC;CAUR,OATAC,QAAsB;EACpB,IAAI,CAACC,GAAS;EACd,EAAQ;EACR,IAAMH,IAAKC,EAAI;EACf,IAAI,CAACD,KAAM,OAAO,iBAAmB,KAAa;EAClD,IAAMI,IAAK,IAAI,eAAeN,CAAO;EAErC,OADAM,EAAG,QAAQJ,CAAE,SACAI,EAAG,WAAW;CAC7B,GAAG;EAACD;EAASL;EAASG;CAAG,CAAC,GACnBN;AACT"}

package/dist/chunks/utils-CdH72WEp.js

@@ -0,0 +1,8 @@
+//#region src/utils/variants.ts
+function e(e, t, n) {
+	return ((t === void 0 ? void 0 : e[t]) ?? e[n])?.classes ?? "";
+}
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=utils-CdH72WEp.js.map

package/dist/chunks/utils-CdH72WEp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-CdH72WEp.js","names":["resolveVariant","value","axis","fallback"],"sources":["../../src/utils/variants.ts"],"sourcesContent":["export type VariantAxis = Record<string, { readonly classes: string; readonly description: string }>;\n\nexport function resolveVariant<A extends VariantAxis>(axis: A, value: keyof A | undefined, fallback: keyof A): string {\n  const entry = (value !== undefined ? axis[value] : undefined) ?? axis[fallback];\n  return entry?.classes ?? \"\";\n}\n"],"mappings":";AAEA,SAAgBA,EAAsC,GAAS,GAA4B,GAA2B;CAEpH,SADeC,MAAU,KAAA,IAA0B,KAAA,IAAdC,EAAKD,OAAuBC,EAAKC,GAAA,EACxD,WAAW;AAC3B"}

package/dist/chunks/virtual-rows-BgMdVelU.js

@@ -0,0 +1,37 @@
+"use client";
+import { t as e } from "./use-scroll-margin-DWcfIXac.js";
+import { useLayoutEffect as t, useRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { useVirtualizer as i } from "@tanstack/react-virtual";
+//#region src/components/list/virtual-rows.tsx
+function a({ count: a, estimateSize: o, getScrollElement: s, scrollTo: c, row: l, measure: u }) {
+	let d = n(null), f = e(d, s, a), p = i({
+		count: a,
+		getScrollElement: s,
+		estimateSize: o,
+		overscan: 12,
+		scrollMargin: f
+	});
+	return t(() => (c.current = (e) => p.scrollToIndex(e, { align: "auto" }), () => {
+		c.current = null;
+	}), [p, c]), /* @__PURE__ */ r("div", {
+		ref: d,
+		role: "presentation",
+		className: "relative w-full",
+		style: { height: p.getTotalSize() },
+		children: p.getVirtualItems().map((e) => /* @__PURE__ */ r("div", {
+			...u ? {
+				ref: p.measureElement,
+				"data-index": e.index
+			} : {},
+			role: "presentation",
+			className: "absolute top-0 left-0 w-full",
+			style: { transform: `translateY(${Math.round(e.start - f)}px)` },
+			children: l(e.index)
+		}, e.key))
+	});
+}
+//#endregion
+export { a as VirtualRows };
+
+//# sourceMappingURL=virtual-rows-BgMdVelU.js.map

package/dist/chunks/virtual-rows-BgMdVelU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-rows-BgMdVelU.js","names":["useScrollMargin","VirtualRows","body","useRef","scrollMargin","getScrollElement","count","virtualizer","useVirtualizer","useLayoutEffect","index","scrollTo","measure","v","row"],"sources":["../../src/components/list/virtual-rows.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, type ReactNode, type RefObject } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { useScrollMargin } from \"../../hooks/use-scroll-margin.js\";\n\nexport interface VirtualRowsProps {\n  count: number;\n  estimateSize: (index: number) => number;\n  getScrollElement: () => HTMLElement | null;\n  scrollTo: RefObject<((index: number) => void) | null>;\n  row: (index: number) => ReactNode;\n  measure?: boolean | undefined;\n}\n\nexport function VirtualRows({ count, estimateSize, getScrollElement, scrollTo, row, measure }: VirtualRowsProps) {\n  const body = useRef<HTMLDivElement | null>(null);\n  const scrollMargin = useScrollMargin(body, getScrollElement, count);\n  const virtualizer = useVirtualizer({ count, getScrollElement, estimateSize, overscan: 12, scrollMargin });\n  useLayoutEffect(() => {\n    scrollTo.current = (index) => virtualizer.scrollToIndex(index, { align: \"auto\" });\n    return () => {\n      scrollTo.current = null;\n    };\n  }, [virtualizer, scrollTo]);\n  return (\n    <div ref={body} role=\"presentation\" className=\"relative w-full\" style={{ height: virtualizer.getTotalSize() }}>\n      {virtualizer.getVirtualItems().map((v) => (\n        <div\n          key={v.key}\n          {...(measure ? { ref: virtualizer.measureElement, \"data-index\": v.index } : {})}\n          role=\"presentation\"\n          className=\"absolute top-0 left-0 w-full\"\n          style={{ transform: `translateY(${Math.round(v.start - scrollMargin)}px)` }}\n        >\n          {row(v.index)}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgBC,EAAY,EAAE,UAAO,iBAAc,qBAAkB,aAAU,QAAK,cAA6B;CAC/G,IAAMC,IAAOC,EAA8B,IAAI,GACzCC,IAAeJ,EAAgBE,GAAMG,GAAkBC,CAAK,GAC5DC,IAAcC,EAAe;EAAE;EAAO;EAAkB;EAAc,UAAU;EAAI;CAAa,CAAC;CAOxG,OANAC,SACE,EAAS,WAAW,MAAUF,EAAY,cAAcG,GAAO,EAAE,OAAO,OAAO,CAAC,SACnE;EACX,EAAS,UAAU;CACrB,IACC,CAACH,GAAaI,CAAQ,CAAC,GAExB,kBAAC,OAAD;EAAK,KAAKT;EAAM,MAAK;EAAe,WAAU;EAAkB,OAAO,EAAE,QAAQK,EAAY,aAAa,EAAE;EACzG,UAAAA,EAAY,gBAAgB,CAAC,CAAC,KAAK,MAClC,kBAAC,OAAD;GAEE,GAAKK,IAAU;IAAE,KAAKL,EAAY;IAAgB,cAAcM,EAAE;GAAM,IAAI,CAAC;GAC7E,MAAK;GACL,WAAU;GACV,OAAO,EAAE,WAAW,cAAc,KAAK,MAAMA,EAAE,QAAQT,CAAY,EAAE,KAAK;GAEzE,UAAAU,EAAID,EAAE,KAAK;EACT,GAPEA,EAAE,GAOJ,CACN;CACE,CAAA;AAET"}

package/dist/chunks/when-idle-Cy3pinqO.js

@@ -0,0 +1,12 @@
+function e(e) {
+	if (typeof requestIdleCallback == "function") {
+		let t = requestIdleCallback(e, { timeout: 2e3 });
+		return () => cancelIdleCallback(t);
+	}
+	let t = setTimeout(e, 300);
+	return () => clearTimeout(t);
+}
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=when-idle-Cy3pinqO.js.map

package/dist/chunks/when-idle-Cy3pinqO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"when-idle-Cy3pinqO.js","names":["whenIdle","id","run"],"sources":["../../src/utils/when-idle.ts"],"sourcesContent":["const IDLE_TIMEOUT_MS = 2000;\nconst IDLE_FALLBACK_MS = 300;\n\nexport function whenIdle(run: () => void): () => void {\n  if (typeof requestIdleCallback === \"function\") {\n    const id = requestIdleCallback(run, { timeout: IDLE_TIMEOUT_MS });\n    return () => cancelIdleCallback(id);\n  }\n  const id = setTimeout(run, IDLE_FALLBACK_MS);\n  return () => clearTimeout(id);\n}\n"],"mappings":"AAGA,SAAgBA,EAAS,GAA6B;CACpD,IAAI,OAAO,uBAAwB,YAAY;EAC7C,IAAMC,IAAK,oBAAoBC,GAAK,EAAE,SAAS,IAAgB,CAAC;EAChE,aAAa,mBAAmBD,CAAE;CACpC;CACA,IAAMA,IAAK,WAAWC,GAAK,GAAgB;CAC3C,aAAa,aAAaD,CAAE;AAC9B"}