@keboola/design 10.1.0 → 11.0.1

package/dist/internal/components/Truncated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Truncated.js","names":[],"sources":["../../../src/components/Truncated.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../utils';\n\nimport { type Props as TooltipProps, Tooltip } from './Tooltip';\n\nconst OFFSET_TOLERANCE = 2;\n\ntype Props = {\n  text: ReactNode;\n  tooltip?: ReactNode;\n  twoLines?: boolean;\n  noTooltip?: boolean;\n  tooltipVariant?: TooltipProps['variant'];\n  tooltipPlacement?: TooltipProps['placement'];\n} & Omit<ComponentProps<'span'>, 'children'>;\n\nexport const Truncated = ({\n  ref,\n  text,\n  tooltip = text,\n  className,\n  twoLines = false,\n  noTooltip = false,\n  tooltipVariant = 'explanatory',\n  tooltipPlacement = 'top',\n  ...rest\n}: Props) => {\n  const tooltipText = typeof tooltip === 'string' ? tooltip : '';\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const isScrollableTarget = (e: HTMLElement): boolean => {\n    return e.scrollHeight - OFFSET_TOLERANCE >= e.clientHeight;\n  };\n\n  // v4's native `line-clamp-*` emits the full `-webkit-box` recipe (display,\n  // box-orient, line-clamp, overflow). The old hand-rolled `[display:-webkit-box!important]`\n  // arbitrary property produced NO rule under v4 — it doesn't support `!important` inside\n  // arbitrary-property brackets (v3 did) — so the clamp silently stopped applying and long\n  // text wrapped instead of truncating.\n  const truncatedClasses = cn(\n    className,\n    'tw:[word-break:break-all]',\n    twoLines ? 'tw:line-clamp-2 tw:[word-break:break-word]' : 'tw:line-clamp-1',\n  );\n\n  if (noTooltip || !tooltipText) {\n    return (\n      <span ref={ref} className={truncatedClasses} {...rest}>\n        {text}\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip\n      placement={tooltipPlacement}\n      variant={tooltipVariant}\n      forceHide={!showTooltip}\n      tooltip={<div>{tooltipText}</div>}\n      triggerAsChild\n    >\n      <span\n        ref={ref}\n        className={truncatedClasses}\n        {...rest}\n        onMouseOver={(e) => {\n          setShowTooltip(isScrollableTarget(e.currentTarget));\n          rest.onMouseOver?.(e);\n        }}\n        onFocus={(e) => {\n          setShowTooltip(isScrollableTarget(e.currentTarget));\n          rest.onFocus?.(e);\n        }}\n      >\n        {text}\n      </span>\n    </Tooltip>\n  );\n};\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB;AAWzB,MAAa,aAAa,EACxB,KACA,MACA,UAAU,MACV,WACA,WAAW,OACX,YAAY,OACZ,iBAAiB,eACjB,mBAAmB,OACnB,GAAG,WACQ;CACX,MAAM,cAAc,OAAO,YAAY,WAAW,UAAU;CAC5D,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAEpD,MAAM,sBAAsB,MAA4B;EACtD,OAAO,EAAE,eAAe,oBAAoB,EAAE;CAChD;CAOA,MAAM,mBAAmB,GACvB,WACA,6BACA,WAAW,+CAA+C,iBAC5D;CAEA,IAAI,aAAa,CAAC,aAChB,OACE,oBAAC,QAAD;EAAW;EAAK,WAAW;EAAkB,GAAI;EAC9C,UAAA;CACG,CAAA;CAIV,OACE,oBAAC,SAAD;EACE,WAAW;EACX,SAAS;EACT,WAAW,CAAC;EACZ,SAAS,oBAAC,OAAD,EAAA,UAAM,YAAiB,CAAA;EAChC,gBAAA;EAEA,UAAA,oBAAC,QAAD;GACO;GACL,WAAW;GACX,GAAI;GACJ,cAAc,MAAM;IAClB,eAAe,mBAAmB,EAAE,aAAa,CAAC;IAClD,KAAK,cAAc,CAAC;GACtB;GACA,UAAU,MAAM;IACd,eAAe,mBAAmB,EAAE,aAAa,CAAC;IAClD,KAAK,UAAU,CAAC;GAClB;GAEC,UAAA;EACG,CAAA;CACC,CAAA;AAEb"}

package/dist/internal/components/Workbench.js

@@ -0,0 +1,2 @@
+import { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench } from "../../Workbench-BzE-Vvd9.js";
+export { DEFAULT_WORKBENCH_BAR_HEIGHT_IN_REM, DEFAULT_WORKBENCH_PANEL_HEIGHT_IN_PX, MIN_WORKBENCH_PANEL_HEIGHT_IN_PX, Workbench, useWorkbench };

package/dist/internal/components/ZoomableSvg.js

@@ -0,0 +1,2 @@
+import { ZoomableSvg, svgToPngBlob, toSvgFileContent } from "../../ZoomableSvg-DG9PnAm8.js";
+export { ZoomableSvg, svgToPngBlob, toSvgFileContent };

package/dist/internal/hooks/useAutosizeInput.js

@@ -0,0 +1,77 @@
+import { useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/hooks/useAutosizeInput.tsx
+const SIZER_STYLE = {
+	position: "absolute",
+	top: 0,
+	left: 0,
+	visibility: "hidden",
+	height: 0,
+	overflow: "scroll",
+	whiteSpace: "pre"
+};
+const CARET_BUFFER_PX = 2;
+const FONT_PROPERTIES = [
+	"fontSize",
+	"fontFamily",
+	"fontWeight",
+	"fontStyle",
+	"letterSpacing",
+	"textTransform"
+];
+function syncFontStyles(source, ...targets) {
+	const computed = window.getComputedStyle(source);
+	for (const target of targets) {
+		if (!target) continue;
+		for (const prop of FONT_PROPERTIES) target.style[prop] = computed[prop];
+	}
+}
+/**
+* Render `sizerElement` inside a positioned ancestor (e.g. `position: relative`,
+* `inline-flex`, or `InputGroup`) so the absolutely-positioned measurement spans
+* don't anchor to the viewport.
+*/
+function useAutosizeInput({ value = "", placeholder, minWidth = 1 }) {
+	const inputRef = useRef(null);
+	const [sizerNode, setSizerNode] = useState(null);
+	const [placeholderSizerNode, setPlaceholderSizerNode] = useState(null);
+	const [width, setWidth] = useState(minWidth);
+	useLayoutEffect(() => {
+		if (inputRef.current) syncFontStyles(inputRef.current, sizerNode, placeholderSizerNode);
+	}, [sizerNode, placeholderSizerNode]);
+	useLayoutEffect(() => {
+		if (!sizerNode) return;
+		let next = sizerNode.scrollWidth;
+		if (placeholderSizerNode) next = Math.max(next, placeholderSizerNode.scrollWidth);
+		setWidth(Math.max(next + CARET_BUFFER_PX, minWidth));
+	}, [
+		value,
+		placeholder,
+		minWidth,
+		sizerNode,
+		placeholderSizerNode
+	]);
+	return {
+		inputRef,
+		inputStyle: useMemo(() => ({
+			width,
+			boxSizing: "content-box",
+			flex: "none"
+		}), [width]),
+		sizerElement: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+			ref: setSizerNode,
+			"data-slot": "autosize-sizer",
+			style: SIZER_STYLE,
+			children: value
+		}), placeholder && /* @__PURE__ */ jsx("span", {
+			ref: setPlaceholderSizerNode,
+			"data-slot": "autosize-placeholder-sizer",
+			style: SIZER_STYLE,
+			children: placeholder
+		})] })
+	};
+}
+//#endregion
+export { useAutosizeInput };
+
+//# sourceMappingURL=useAutosizeInput.js.map

package/dist/internal/hooks/useAutosizeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutosizeInput.js","names":[],"sources":["../../../src/hooks/useAutosizeInput.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  type ReactNode,\n  type RefObject,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nconst SIZER_STYLE = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  visibility: 'hidden',\n  height: 0,\n  overflow: 'scroll',\n  whiteSpace: 'pre',\n} satisfies CSSProperties;\n\nconst CARET_BUFFER_PX = 2;\n\nconst FONT_PROPERTIES = [\n  'fontSize',\n  'fontFamily',\n  'fontWeight',\n  'fontStyle',\n  'letterSpacing',\n  'textTransform',\n] as const;\n\nfunction syncFontStyles(source: HTMLElement, ...targets: (HTMLElement | null)[]) {\n  const computed = window.getComputedStyle(source);\n  for (const target of targets) {\n    if (!target) continue;\n    for (const prop of FONT_PROPERTIES) {\n      target.style[prop] = computed[prop];\n    }\n  }\n}\n\nexport type UseAutosizeInputOptions = {\n  value?: string;\n  placeholder?: string;\n  minWidth?: number;\n};\n\nexport type UseAutosizeInputReturn = {\n  inputRef: RefObject<HTMLInputElement | null>;\n  inputStyle: CSSProperties;\n  sizerElement: ReactNode;\n};\n\n/**\n * Render `sizerElement` inside a positioned ancestor (e.g. `position: relative`,\n * `inline-flex`, or `InputGroup`) so the absolutely-positioned measurement spans\n * don't anchor to the viewport.\n */\nexport function useAutosizeInput({\n  value = '',\n  placeholder,\n  minWidth = 1,\n}: UseAutosizeInputOptions): UseAutosizeInputReturn {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [sizerNode, setSizerNode] = useState<HTMLSpanElement | null>(null);\n  const [placeholderSizerNode, setPlaceholderSizerNode] = useState<HTMLSpanElement | null>(null);\n  const [width, setWidth] = useState(minWidth);\n\n  useLayoutEffect(() => {\n    if (inputRef.current) {\n      syncFontStyles(inputRef.current, sizerNode, placeholderSizerNode);\n    }\n  }, [sizerNode, placeholderSizerNode]);\n\n  useLayoutEffect(() => {\n    if (!sizerNode) return;\n    let next = sizerNode.scrollWidth;\n    if (placeholderSizerNode) {\n      next = Math.max(next, placeholderSizerNode.scrollWidth);\n    }\n    setWidth(Math.max(next + CARET_BUFFER_PX, minWidth));\n  }, [value, placeholder, minWidth, sizerNode, placeholderSizerNode]);\n\n  const inputStyle = useMemo<CSSProperties>(\n    () => ({ width, boxSizing: 'content-box', flex: 'none' }),\n    [width],\n  );\n\n  const sizerElement = (\n    <>\n      <span ref={setSizerNode} data-slot=\"autosize-sizer\" style={SIZER_STYLE}>\n        {value}\n      </span>\n      {placeholder && (\n        <span\n          ref={setPlaceholderSizerNode}\n          data-slot=\"autosize-placeholder-sizer\"\n          style={SIZER_STYLE}\n        >\n          {placeholder}\n        </span>\n      )}\n    </>\n  );\n\n  return { inputRef, inputStyle, sizerElement };\n}\n"],"mappings":";;;AAUA,MAAM,cAAc;CAClB,UAAU;CACV,KAAK;CACL,MAAM;CACN,YAAY;CACZ,QAAQ;CACR,UAAU;CACV,YAAY;AACd;AAEA,MAAM,kBAAkB;AAExB,MAAM,kBAAkB;CACtB;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAS,eAAe,QAAqB,GAAG,SAAiC;CAC/E,MAAM,WAAW,OAAO,iBAAiB,MAAM;CAC/C,KAAK,MAAM,UAAU,SAAS;EAC5B,IAAI,CAAC,QAAQ;EACb,KAAK,MAAM,QAAQ,iBACjB,OAAO,MAAM,QAAQ,SAAS;CAElC;AACF;;;;;;AAmBA,SAAgB,iBAAiB,EAC/B,QAAQ,IACR,aACA,WAAW,KACuC;CAClD,MAAM,WAAW,OAAyB,IAAI;CAC9C,MAAM,CAAC,WAAW,gBAAgB,SAAiC,IAAI;CACvE,MAAM,CAAC,sBAAsB,2BAA2B,SAAiC,IAAI;CAC7F,MAAM,CAAC,OAAO,YAAY,SAAS,QAAQ;CAE3C,sBAAsB;EACpB,IAAI,SAAS,SACX,eAAe,SAAS,SAAS,WAAW,oBAAoB;CAEpE,GAAG,CAAC,WAAW,oBAAoB,CAAC;CAEpC,sBAAsB;EACpB,IAAI,CAAC,WAAW;EAChB,IAAI,OAAO,UAAU;EACrB,IAAI,sBACF,OAAO,KAAK,IAAI,MAAM,qBAAqB,WAAW;EAExD,SAAS,KAAK,IAAI,OAAO,iBAAiB,QAAQ,CAAC;CACrD,GAAG;EAAC;EAAO;EAAa;EAAU;EAAW;CAAoB,CAAC;CAwBlE,OAAO;EAAE;EAAU,YAtBA,eACV;GAAE;GAAO,WAAW;GAAe,MAAM;EAAO,IACvD,CAAC,KAAK,CAoBoB;EAAG,cAAA,qBAAA,YAhB7B,EAAA,UAAA,CACE,oBAAC,QAAD;GAAM,KAAK;GAAc,aAAU;GAAiB,OAAO;GACxD,UAAA;EACG,CAAA,GACL,eACC,oBAAC,QAAD;GACE,KAAK;GACL,aAAU;GACV,OAAO;GAEN,UAAA;EACG,CAAA,CAER,EAAA,CAGsC;CAAE;AAC9C"}

package/dist/internal/hooks/useScrollbarPosition.js

@@ -0,0 +1,45 @@
+import { useElement } from "../../useElement-DkF6esWL.js";
+import { useEffect, useState } from "react";
+//#region src/hooks/useScrollbarPosition.ts
+const calcPosition = ({ scrollHeight, clientHeight, scrollTop }) => {
+	if (scrollHeight <= clientHeight) return "none";
+	if (scrollTop === 0) return "top";
+	if (scrollTop + clientHeight >= scrollHeight - 1) return "bottom";
+	return "middle";
+};
+const useScrollbarPosition = () => {
+	const [element, setElement] = useElement();
+	const [scrollbarPosition, setPosition] = useState("none");
+	useEffect(() => {
+		if (element === null) return;
+		const updatePosition = () => {
+			if (element === null) return;
+			const position = calcPosition({
+				scrollHeight: element.scrollHeight,
+				clientHeight: element.clientHeight,
+				scrollTop: element.scrollTop
+			});
+			setPosition(position);
+		};
+		const rafId = requestAnimationFrame(updatePosition);
+		element.addEventListener("scroll", updatePosition);
+		const resizeObserver = new ResizeObserver(updatePosition);
+		resizeObserver.observe(element);
+		return () => {
+			cancelAnimationFrame(rafId);
+			element.removeEventListener("scroll", updatePosition);
+			resizeObserver.disconnect();
+		};
+	}, [element]);
+	return {
+		setElement,
+		isTop: scrollbarPosition === "top",
+		isBottom: scrollbarPosition === "bottom",
+		isMiddle: scrollbarPosition === "middle",
+		isNone: scrollbarPosition === "none"
+	};
+};
+//#endregion
+export { useScrollbarPosition };
+
+//# sourceMappingURL=useScrollbarPosition.js.map

package/dist/internal/hooks/useScrollbarPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollbarPosition.js","names":[],"sources":["../../../src/hooks/useScrollbarPosition.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useElement } from './useElement';\n\nconst calcPosition = ({\n  scrollHeight,\n  clientHeight,\n  scrollTop,\n}: {\n  scrollHeight: number;\n  clientHeight: number;\n  scrollTop: number;\n}) => {\n  // If content doesn't overflow, no scrollbar\n  if (scrollHeight <= clientHeight) return 'none';\n\n  if (scrollTop === 0) return 'top';\n\n  // At the bottom (with small tolerance for precision issues)\n  if (scrollTop + clientHeight >= scrollHeight - 1) return 'bottom';\n\n  return 'middle';\n};\n\nexport const useScrollbarPosition = () => {\n  const [element, setElement] = useElement();\n  const [scrollbarPosition, setPosition] = useState<ReturnType<typeof calcPosition>>('none');\n\n  useEffect(() => {\n    if (element === null) return;\n\n    const updatePosition = () => {\n      if (element === null) return;\n\n      const position = calcPosition({\n        scrollHeight: element.scrollHeight,\n        clientHeight: element.clientHeight,\n        scrollTop: element.scrollTop,\n      });\n\n      setPosition(position);\n    };\n\n    // Initial check.\n    const rafId = requestAnimationFrame(updatePosition);\n\n    // Listening for scroll events.\n    element.addEventListener('scroll', updatePosition);\n\n    // Listen for the resize event that might affect scrollbar visibility.\n    const resizeObserver = new ResizeObserver(updatePosition);\n    resizeObserver.observe(element);\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      element.removeEventListener('scroll', updatePosition);\n      resizeObserver.disconnect();\n    };\n  }, [element]);\n\n  return {\n    setElement,\n    isTop: scrollbarPosition === 'top',\n    isBottom: scrollbarPosition === 'bottom',\n    isMiddle: scrollbarPosition === 'middle',\n    isNone: scrollbarPosition === 'none',\n  };\n};\n"],"mappings":";;;AAIA,MAAM,gBAAgB,EACpB,cACA,cACA,gBAKI;CAEJ,IAAI,gBAAgB,cAAc,OAAO;CAEzC,IAAI,cAAc,GAAG,OAAO;CAG5B,IAAI,YAAY,gBAAgB,eAAe,GAAG,OAAO;CAEzD,OAAO;AACT;AAEA,MAAa,6BAA6B;CACxC,MAAM,CAAC,SAAS,cAAc,WAAW;CACzC,MAAM,CAAC,mBAAmB,eAAe,SAA0C,MAAM;CAEzF,gBAAgB;EACd,IAAI,YAAY,MAAM;EAEtB,MAAM,uBAAuB;GAC3B,IAAI,YAAY,MAAM;GAEtB,MAAM,WAAW,aAAa;IAC5B,cAAc,QAAQ;IACtB,cAAc,QAAQ;IACtB,WAAW,QAAQ;GACrB,CAAC;GAED,YAAY,QAAQ;EACtB;EAGA,MAAM,QAAQ,sBAAsB,cAAc;EAGlD,QAAQ,iBAAiB,UAAU,cAAc;EAGjD,MAAM,iBAAiB,IAAI,eAAe,cAAc;EACxD,eAAe,QAAQ,OAAO;EAE9B,aAAa;GACX,qBAAqB,KAAK;GAC1B,QAAQ,oBAAoB,UAAU,cAAc;GACpD,eAAe,WAAW;EAC5B;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,OAAO;EACL;EACA,OAAO,sBAAsB;EAC7B,UAAU,sBAAsB;EAChC,UAAU,sBAAsB;EAChC,QAAQ,sBAAsB;CAChC;AACF"}

package/dist/internal/hooks/useStableCallback.js

@@ -0,0 +1,29 @@
+import { useCallback, useLayoutEffect, useRef } from "react";
+//#region src/hooks/useStableCallback.ts
+/**
+* A callback with a permanently stable identity that always sees the latest
+* render's values — for any consumer that keys off the handler's identity: a
+* third-party component that redoes expensive work when it changes, or a
+* memoized context value.
+*
+* React 19.2's `useEffectEvent` does this in one line, but it is scoped to
+* Effects and explicitly not to be passed to another component, which is the
+* whole point here.
+*
+* The swap is a layout effect rather than a passive one so it lands before the
+* browser can paint and accept input against the previous render's handler. It
+* is still an effect, and a child's runs before its parent's — so a consumer
+* calling the returned function from its own layout effect can still see the
+* previous render's closure.
+*/
+const useStableCallback = (callback) => {
+	const latestRef = useRef(callback);
+	useLayoutEffect(() => {
+		latestRef.current = callback;
+	}, [callback]);
+	return useCallback((...args) => latestRef.current(...args), []);
+};
+//#endregion
+export { useStableCallback };
+
+//# sourceMappingURL=useStableCallback.js.map

package/dist/internal/hooks/useStableCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStableCallback.js","names":[],"sources":["../../../src/hooks/useStableCallback.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef } from 'react';\n\n/**\n * A callback with a permanently stable identity that always sees the latest\n * render's values — for any consumer that keys off the handler's identity: a\n * third-party component that redoes expensive work when it changes, or a\n * memoized context value.\n *\n * React 19.2's `useEffectEvent` does this in one line, but it is scoped to\n * Effects and explicitly not to be passed to another component, which is the\n * whole point here.\n *\n * The swap is a layout effect rather than a passive one so it lands before the\n * browser can paint and accept input against the previous render's handler. It\n * is still an effect, and a child's runs before its parent's — so a consumer\n * calling the returned function from its own layout effect can still see the\n * previous render's closure.\n */\nexport const useStableCallback = <Args extends unknown[], Result>(\n  callback: (...args: Args) => Result,\n): ((...args: Args) => Result) => {\n  const latestRef = useRef(callback);\n\n  useLayoutEffect(() => {\n    latestRef.current = callback;\n  }, [callback]);\n\n  return useCallback((...args: Args) => latestRef.current(...args), []);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,qBACX,aACgC;CAChC,MAAM,YAAY,OAAO,QAAQ;CAEjC,sBAAsB;EACpB,UAAU,UAAU;CACtB,GAAG,CAAC,QAAQ,CAAC;CAEb,OAAO,aAAa,GAAG,SAAe,UAAU,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC;AACtE"}

package/dist/internal/utils/mergeRefs.js

@@ -0,0 +1,20 @@
+//#region src/utils/mergeRefs.ts
+/**
+* Set a given ref to a given value
+* This utility takes care of different types of refs: callback refs and RefObject(s)
+*/
+function setRef(ref, value) {
+	if (typeof ref === "function") ref(value);
+	else if (ref != null) ref.current = value;
+}
+/**
+* A utility to compose multiple refs together
+* Accepts callback refs and RefObject(s)
+*/
+const mergeRefs = (...refs) => {
+	return (node) => refs.forEach((ref) => setRef(ref, node));
+};
+//#endregion
+export { mergeRefs };
+
+//# sourceMappingURL=mergeRefs.js.map

package/dist/internal/utils/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.js","names":[],"sources":["../../../src/utils/mergeRefs.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype PossibleRef<T> = MutableRefObject<T> | RefCallback<T> | null;\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    ref.current = value;\n  }\n}\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nexport const mergeRefs = <T>(...refs: PossibleRef<T>[]) => {\n  return (node: T) => refs.forEach((ref) => setRef(ref, node));\n};\n"],"mappings":";;;;;AAQA,SAAS,OAAU,KAAqB,OAAU;CAChD,IAAI,OAAO,QAAQ,YACjB,IAAI,KAAK;MACJ,IAAI,OAAO,MAChB,IAAI,UAAU;AAElB;;;;;AAMA,MAAa,aAAgB,GAAG,SAA2B;CACzD,QAAQ,SAAY,KAAK,SAAS,QAAQ,OAAO,KAAK,IAAI,CAAC;AAC7D"}

package/dist/internal/utils.js

@@ -0,0 +1,5 @@
+import { cn } from "../classNames-BzrkDnOD.js";
+import { copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, noop, useSHA256, withHiddenFullscreen, withTooltipProvider } from "../utils-D0c5VAyF.js";
+import { escapeStringRegexp } from "../escapeStringRegexp-8MxP2knR.js";
+import { mergeRefs } from "./utils/mergeRefs.js";
+export { cn, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, escapeStringRegexp, isMac, mergeRefs, noop, useSHA256, withHiddenFullscreen, withTooltipProvider };

package/dist/markdown-editor.d.ts

@@ -1,75 +1,75 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
+import { ReactNode } from "react";
+//#region src/blocks/MarkdownEditor/MarkdownEditor.d.ts
 type MarkdownEditorProps = {
-    /** Markdown string (controlled) */
-    value: string;
-    onChange?: (markdown: string) => void;
-    /**
-     * Renders content but never accepts input. Use for permanent view-only contexts
-     * (e.g. a current user lacks edit permission). Toolbar is hidden.
-     */
-    readOnly?: boolean;
-    /**
-     * Temporarily blocks input but signals intent to re-enable
-     * (e.g. while a save is in flight). Functionally identical to `readOnly` today.
-     */
-    disabled?: boolean;
-    placeholder?: string;
-    autoFocus?: boolean;
-    /** Invoked on Cmd/Ctrl+Enter — typically used to commit a form. */
-    onSave?: () => void;
-    /**
-     * Invoked on Escape in inline-edit mode (`singleLine || saveOnBlur`). Per the
-     * inline-editable-text pattern spec, Esc reverts the in-progress edit — callers
-     * reset `value` to the last-committed state inside this handler.
-     */
-    onCancel?: () => void;
-    /**
-     * Async image upload. Resolved URL is embedded as the image src
-     * (`![alt](url)` in the underlying markdown).
-     */
-    onImageUpload?: (file: File) => Promise<{
-        url: string;
-    }>;
-    className?: string;
-    imageRenderer?: (props: {
-        src: string;
-        alt: string;
-    }) => ReactNode;
-    showToolbar?: boolean;
-    /**
-     * Strips the prose typography wrapper, removes the min-height, and tightens padding so
-     * the editor visually blends with surrounding text. Use for inline / Linear-style edit
-     * affordances inside headings, list rows, or table cells. Pair with `className` to set
-     * the caller's typography.
-     */
-    compact?: boolean;
-    /**
-     * Calls `onSave` when focus leaves the editor (and is not moved into the toolbar).
-     * `onChange` already keeps the caller's value in sync — `onSave` is the "commit" signal.
-     */
-    saveOnBlur?: boolean;
-    /**
-     * Disables block-level markdown (lists, headings, code blocks, HR) and makes a plain
-     * Enter press trigger `onSave` and blur the editor. Shift+Enter still inserts a soft
-     * line break. Use for editable titles.
-     */
-    singleLine?: boolean;
-    /**
-     * Clamps content to 2 lines (truncating with an ellipsis) in the display (not-focused)
-     * state; focus expands the editor to full height (no clamp). `line-clamp` is self-gating,
-     * so short/empty content renders fully with no truncation. Per the inline-editable-text
-     * pattern spec for description-style slots.
-     */
-    clampDisplay?: boolean;
-    /**
-     * Minimum visible height in lines. `1` renders as a single line that grows with
-     * content (Linear/Slack/GitHub-PR-comment pattern); `0` removes the floor entirely.
-     * Omit to keep the default ~4-line floor. Ignored in `compact` mode (which has no floor).
-     */
-    minRows?: number;
+  /** Markdown string (controlled) */
+  value: string;
+  onChange?: (markdown: string) => void;
+  /**
+   * Renders content but never accepts input. Use for permanent view-only contexts
+   * (e.g. a current user lacks edit permission). Toolbar is hidden.
+   */
+  readOnly?: boolean;
+  /**
+   * Temporarily blocks input but signals intent to re-enable
+   * (e.g. while a save is in flight). Functionally identical to `readOnly` today.
+   */
+  disabled?: boolean;
+  placeholder?: string;
+  autoFocus?: boolean;
+  /** Invoked on Cmd/Ctrl+Enter — typically used to commit a form. */
+  onSave?: () => void;
+  /**
+   * Invoked on Escape in inline-edit mode (`singleLine || saveOnBlur`). Per the
+   * inline-editable-text pattern spec, Esc reverts the in-progress edit — callers
+   * reset `value` to the last-committed state inside this handler.
+   */
+  onCancel?: () => void;
+  /**
+   * Async image upload. Resolved URL is embedded as the image src
+   * (`![alt](url)` in the underlying markdown).
+   */
+  onImageUpload?: (file: File) => Promise<{
+    url: string;
+  }>;
+  className?: string;
+  imageRenderer?: (props: {
+    src: string;
+    alt: string;
+  }) => ReactNode;
+  showToolbar?: boolean;
+  /**
+   * Strips the prose typography wrapper, removes the min-height, and tightens padding so
+   * the editor visually blends with surrounding text. Use for inline / Linear-style edit
+   * affordances inside headings, list rows, or table cells. Pair with `className` to set
+   * the caller's typography.
+   */
+  compact?: boolean;
+  /**
+   * Calls `onSave` when focus leaves the editor (and is not moved into the toolbar).
+   * `onChange` already keeps the caller's value in sync — `onSave` is the "commit" signal.
+   */
+  saveOnBlur?: boolean;
+  /**
+   * Disables block-level markdown (lists, headings, code blocks, HR) and makes a plain
+   * Enter press trigger `onSave` and blur the editor. Shift+Enter still inserts a soft
+   * line break. Use for editable titles.
+   */
+  singleLine?: boolean;
+  /**
+   * Clamps content to 2 lines (truncating with an ellipsis) in the display (not-focused)
+   * state; focus expands the editor to full height (no clamp). `line-clamp` is self-gating,
+   * so short/empty content renders fully with no truncation. Per the inline-editable-text
+   * pattern spec for description-style slots.
+   */
+  clampDisplay?: boolean;
+  /**
+   * Minimum visible height in lines. `1` renders as a single line that grows with
+   * content (Linear/Slack/GitHub-PR-comment pattern); `0` removes the floor entirely.
+   * Omit to keep the default ~4-line floor. Ignored in `compact` mode (which has no floor).
+   */
+  minRows?: number;
 };
-declare const MarkdownEditor: ({ value, onChange, readOnly, placeholder, autoFocus, disabled, onSave, onCancel, onImageUpload, className, imageRenderer, showToolbar, compact, saveOnBlur, singleLine, clampDisplay, minRows, }: MarkdownEditorProps) => react_jsx_runtime.JSX.Element;
-
+declare const MarkdownEditor: ({ value, onChange, readOnly, placeholder, autoFocus, disabled, onSave, onCancel, onImageUpload, className, imageRenderer, showToolbar, compact, saveOnBlur, singleLine, clampDisplay, minRows }: MarkdownEditorProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
 export { MarkdownEditor, type MarkdownEditorProps };
+//# sourceMappingURL=markdown-editor.d.ts.map