@keboola/design 11.0.0 → 11.0.1

package/dist/useMergeDiff-CvowEXJ1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergeDiff-CvowEXJ1.js","names":[],"sources":["../src/components/MergeEditor/helpers.ts","../src/components/MergeEditor/useMergeDiff.ts"],"sourcesContent":["import { diffLines } from 'diff';\n\nimport { type ChangeClassification, CHUNK_TYPE, type DiffChunk } from './constants';\n\n/**\n * Computes diff chunks between oldText and newText using line-level diffing.\n * Adjacent removed+added pairs are kept as separate chunks so the consumer\n * can pair them into \"modifications\" for accept controls.\n */\nexport const computeDiffChunks = (oldText: string, newText: string): DiffChunk[] => {\n  const changes = diffLines(oldText, newText);\n  const chunks: DiffChunk[] = [];\n  let oldLine = 1;\n  let newLine = 1;\n\n  for (const change of changes) {\n    if (change.value === '') continue;\n\n    const lineCount = change.count || change.value.replace(/\\n$/, '').split('\\n').length;\n\n    if (change.removed) {\n      // newStart/newEnd anchor to the current new-side position (insertion point) for alignment\n      chunks.push({\n        type: CHUNK_TYPE.REMOVED,\n        value: change.value,\n        oldStart: oldLine,\n        oldEnd: oldLine + lineCount - 1,\n        newStart: newLine,\n        newEnd: newLine,\n      });\n      oldLine += lineCount;\n    } else if (change.added) {\n      // oldStart/oldEnd anchor to the current old-side position (insertion point) for alignment\n      chunks.push({\n        type: CHUNK_TYPE.ADDED,\n        value: change.value,\n        oldStart: oldLine,\n        oldEnd: oldLine,\n        newStart: newLine,\n        newEnd: newLine + lineCount - 1,\n      });\n      newLine += lineCount;\n    } else {\n      chunks.push({\n        type: CHUNK_TYPE.UNCHANGED,\n        value: change.value,\n        oldStart: oldLine,\n        oldEnd: oldLine + lineCount - 1,\n        newStart: newLine,\n        newEnd: newLine + lineCount - 1,\n      });\n      oldLine += lineCount;\n      newLine += lineCount;\n    }\n  }\n\n  return chunks;\n};\n\n/**\n * Collects 1-indexed line numbers that are marked as changed (added or removed)\n * from a set of diff chunks. `side` determines which line range to use.\n */\nexport const getChangedLineNumbers = (chunks: DiffChunk[], side: 'old' | 'new'): Set<number> => {\n  const lines = new Set<number>();\n\n  for (const chunk of chunks) {\n    if (chunk.type === CHUNK_TYPE.UNCHANGED) continue;\n\n    if (side === 'old' && chunk.type === CHUNK_TYPE.REMOVED) {\n      for (let i = chunk.oldStart; i <= chunk.oldEnd; i++) lines.add(i);\n    }\n    if (side === 'new' && chunk.type === CHUNK_TYPE.ADDED) {\n      for (let i = chunk.newStart; i <= chunk.newEnd; i++) lines.add(i);\n    }\n  }\n\n  return lines;\n};\n\n/**\n * Filters changed line numbers, keeping only those that are classified\n * and not suppressed (resolved/dismissed).\n *\n * `classification` and `suppressedLines` must be keyed by line numbers\n * from the same `side` (old-side lines for 'old', new-side lines for 'new').\n */\nexport const filterHighlightedLines = (\n  chunks: DiffChunk[],\n  side: 'old' | 'new',\n  classification: Map<number, ChangeClassification>,\n  suppressedLines: Set<number>,\n): Set<number> => {\n  const filtered = new Set<number>();\n  for (const line of getChangedLineNumbers(chunks, side)) {\n    if (classification.has(line) && !suppressedLines.has(line)) filtered.add(line);\n  }\n  return filtered;\n};\n\n/**\n * Replaces lines in `text` between `startLine` and `endLine` (1-indexed, inclusive)\n * with `replacementLines`. If startLine > endLine, inserts before startLine.\n */\nexport const replaceLines = (\n  text: string,\n  startLine: number,\n  endLine: number,\n  replacement: string,\n): string => {\n  const lines = text.split('\\n');\n  const before = lines.slice(0, startLine - 1);\n  const after = startLine > endLine ? lines.slice(startLine - 1) : lines.slice(endLine);\n\n  const replacementArr = replacement === '' ? [] : replacement.replace(/\\n$/, '').split('\\n');\n\n  return [...before, ...replacementArr, ...after].join('\\n');\n};\n","import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { diff3Merge } from 'node-diff3';\n\nimport {\n  CHANGE_CLASS,\n  type ChangeClassification,\n  CHUNK_TYPE,\n  type DiffChunk,\n  type MergeConflict,\n} from './constants';\nimport {\n  computeDiffChunks,\n  filterHighlightedLines,\n  getChangedLineNumbers,\n  replaceLines,\n} from './helpers';\n\nconst DEBOUNCE_MS = 150;\n\ntype ConflictPair = {\n  id: string;\n  leftStart: number;\n  leftEnd: number;\n  rightStart: number;\n  rightEnd: number;\n};\n\ntype Side = 'left' | 'right';\n\nconst rangesOverlap = (s1: number, e1: number, s2: number, e2: number) => s1 <= e2 && e1 >= s2;\n\nconst computeSuppressedLines = (\n  dismissedLines: Set<number>,\n  pairs: ConflictPair[],\n  resolvedIds: Set<string>,\n  getRange: (p: ConflictPair) => [number, number],\n): Set<number> => {\n  const lines = new Set(dismissedLines);\n  for (const pair of pairs) {\n    if (resolvedIds.has(pair.id)) {\n      const [start, end] = getRange(pair);\n      for (let i = start; i <= end; i++) lines.add(i);\n    }\n  }\n  return lines;\n};\n\nconst filterVisibleConflicts = (\n  conflicts: MergeConflict[],\n  classification: Map<number, ChangeClassification>,\n  dismissedLines: Set<number>,\n  getRange: (c: MergeConflict) => [number, number],\n  findPair: (c: MergeConflict) => ConflictPair | undefined,\n  fullyResolvedPairIds: Set<string>,\n): MergeConflict[] =>\n  conflicts.filter((c) => {\n    const [start, end] = getRange(c);\n    let hasClassifiedLine = false;\n    let allDismissed = true;\n    for (let i = start; i <= end; i++) {\n      if (classification.has(i)) hasClassifiedLine = true;\n      if (!dismissedLines.has(i)) allDismissed = false;\n    }\n    if (!hasClassifiedLine || allDismissed) return false;\n\n    const pair = findPair(c);\n    return !pair || !fullyResolvedPairIds.has(pair.id);\n  });\n\nexport const useMergeDiff = (baseText: string, leftText: string, rightText: string) => {\n  const [mergeValue, setMergeValue] = useState(baseText);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [debouncedMergeValue, setDebouncedMergeValue] = useState(mergeValue);\n  const [acceptedPairSides, setAcceptedPairSides] = useState<Map<string, Set<Side>>>(\n    () => new Map(),\n  );\n  const [dismissedLeftLines, setDismissedLeftLines] = useState<Set<number>>(() => new Set());\n  const [dismissedRightLines, setDismissedRightLines] = useState<Set<number>>(() => new Set());\n\n  const reset = useCallback(() => {\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current);\n      debounceRef.current = null;\n    }\n\n    setMergeValue(baseText);\n    setDebouncedMergeValue(baseText);\n    setAcceptedPairSides(new Map());\n    setDismissedLeftLines(new Set());\n    setDismissedRightLines(new Set());\n  }, [baseText]);\n\n  // Reset all state when input texts change (e.g. async data arrives).\n  // useLayoutEffect prevents a one-frame flash of incorrect diff rendering\n  // when mergeValue is still '' but the real texts have arrived.\n  useLayoutEffect(() => {\n    reset();\n  }, [baseText, leftText, rightText]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Clean up debounce timer on unmount\n  useEffect(() => {\n    return () => {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n    };\n  }, []);\n\n  const handleMergeChange = useCallback((value: string) => {\n    setMergeValue(value);\n\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current);\n    }\n\n    debounceRef.current = setTimeout(() => {\n      setDebouncedMergeValue(value);\n    }, DEBOUNCE_MS);\n  }, []);\n\n  // diff(production, mergeResult) — highlights for left pane\n  const leftDiffChunks = useMemo(\n    () => computeDiffChunks(leftText, debouncedMergeValue),\n    [leftText, debouncedMergeValue],\n  );\n\n  // diff(mergeResult, branch) — highlights for right pane\n  const rightDiffChunks = useMemo(\n    () => computeDiffChunks(debouncedMergeValue, rightText),\n    [debouncedMergeValue, rightText],\n  );\n\n  // Recompute conflict positions based on current merge value vs both sides\n  const leftConflicts = useMemo(() => pairChunksIntoConflicts(leftDiffChunks), [leftDiffChunks]);\n\n  const rightConflicts = useMemo(() => pairChunksIntoConflicts(rightDiffChunks), [rightDiffChunks]);\n\n  // Base-vs-side diffs (stable unless source texts change)\n  const leftVsBase = useMemo(() => computeDiffChunks(baseText, leftText), [baseText, leftText]);\n  const rightVsBase = useMemo(() => computeDiffChunks(baseText, rightText), [baseText, rightText]);\n\n  const { leftClassification, rightClassification, conflictPairs } = useMemo(() => {\n    const baseLines = baseText.split('\\n');\n    const leftLines = leftText.split('\\n');\n    const rightLines = rightText.split('\\n');\n\n    const result = diff3Merge(leftLines, baseLines, rightLines);\n\n    const leftConflictLineSet = new Set<number>();\n    const rightConflictLineSet = new Set<number>();\n    const pairs: ConflictPair[] = [];\n\n    for (const block of result) {\n      if ('conflict' in block && block.conflict) {\n        const { a, aIndex, b, bIndex } = block.conflict;\n        for (let i = 0; i < a.length; i++) leftConflictLineSet.add(aIndex + i + 1);\n        for (let i = 0; i < b.length; i++) rightConflictLineSet.add(bIndex + i + 1);\n\n        pairs.push({\n          id: `pair-${aIndex}-${bIndex}`,\n          leftStart: aIndex + 1,\n          leftEnd: aIndex + a.length,\n          rightStart: bIndex + 1,\n          rightEnd: bIndex + b.length,\n        });\n      }\n    }\n\n    const leftChanged = getChangedLineNumbers(leftVsBase, 'new');\n    const rightChanged = getChangedLineNumbers(rightVsBase, 'new');\n\n    const leftMap = new Map<number, ChangeClassification>();\n    for (const line of leftChanged) {\n      leftMap.set(line, leftConflictLineSet.has(line) ? CHANGE_CLASS.CONFLICT : CHANGE_CLASS.SAFE);\n    }\n\n    const rightMap = new Map<number, ChangeClassification>();\n    for (const line of rightChanged) {\n      rightMap.set(\n        line,\n        rightConflictLineSet.has(line) ? CHANGE_CLASS.CONFLICT : CHANGE_CLASS.SAFE,\n      );\n    }\n\n    return {\n      leftClassification: leftMap,\n      rightClassification: rightMap,\n      conflictPairs: pairs,\n    };\n  }, [baseText, leftText, rightText, leftVsBase, rightVsBase]);\n\n  const findPairForLeft = useCallback(\n    (conflict: MergeConflict) =>\n      conflictPairs.find((p) =>\n        rangesOverlap(conflict.oldStartLine, conflict.oldEndLine, p.leftStart, p.leftEnd),\n      ),\n    [conflictPairs],\n  );\n\n  const findPairForRight = useCallback(\n    (conflict: MergeConflict) =>\n      conflictPairs.find((p) =>\n        rangesOverlap(conflict.newStartLine, conflict.newEndLine, p.rightStart, p.rightEnd),\n      ),\n    [conflictPairs],\n  );\n\n  const markSideAccepted = useCallback((pair: ConflictPair | undefined, side: Side) => {\n    if (!pair) return;\n    setAcceptedPairSides((prev) => {\n      const next = new Map(prev);\n      const sides = new Set(prev.get(pair.id) ?? []);\n      sides.add(side);\n      next.set(pair.id, sides);\n      return next;\n    });\n  }, []);\n\n  const isOtherSideAccepted = useCallback(\n    (pair: ConflictPair | undefined, side: Side) => {\n      if (!pair) return false;\n      const otherSide = side === 'left' ? 'right' : 'left';\n      return acceptedPairSides.get(pair.id)?.has(otherSide) ?? false;\n    },\n    [acceptedPairSides],\n  );\n\n  const acceptSide = useCallback(\n    (conflict: MergeConflict, side: Side) => {\n      const findPair = side === 'left' ? findPairForLeft : findPairForRight;\n      const pair = findPair(conflict);\n      const otherAccepted = isOtherSideAccepted(pair, side);\n      const sourceValue = side === 'left' ? conflict.oldValue : conflict.newValue;\n      const targetStart = side === 'left' ? conflict.newStartLine : conflict.oldStartLine;\n      const targetEnd = side === 'left' ? conflict.newEndLine : conflict.oldEndLine;\n\n      if (debounceRef.current) {\n        clearTimeout(debounceRef.current);\n        debounceRef.current = null;\n      }\n\n      const mergeTargetEmpty =\n        side === 'left' ? conflict.newValue === '' : conflict.oldValue === '';\n      const newValue = otherAccepted\n        ? replaceLines(mergeValue, targetEnd + 1, targetEnd, sourceValue)\n        : mergeTargetEmpty\n          ? replaceLines(mergeValue, targetStart, targetStart - 1, sourceValue)\n          : replaceLines(mergeValue, targetStart, targetEnd, sourceValue);\n\n      setMergeValue(newValue);\n      setDebouncedMergeValue(newValue);\n      markSideAccepted(pair, side);\n\n      if (!pair) {\n        // Dismiss the source side-pane lines so the change doesn't reappear\n        // if the user later edits the accepted text in the merge pane\n        const setDismissedSide = side === 'left' ? setDismissedLeftLines : setDismissedRightLines;\n        const [sideStart, sideEnd] =\n          side === 'left'\n            ? [conflict.oldStartLine, conflict.oldEndLine]\n            : [conflict.newStartLine, conflict.newEndLine];\n\n        setDismissedSide((prev) => {\n          const next = new Set(prev);\n          for (let i = sideStart; i <= sideEnd; i++) next.add(i);\n          return next;\n        });\n      }\n    },\n    [mergeValue, findPairForLeft, findPairForRight, isOtherSideAccepted, markSideAccepted],\n  );\n\n  const acceptLeft = useCallback(\n    (conflict: MergeConflict) => acceptSide(conflict, 'left'),\n    [acceptSide],\n  );\n\n  const acceptRight = useCallback(\n    (conflict: MergeConflict) => acceptSide(conflict, 'right'),\n    [acceptSide],\n  );\n\n  const dismissSide = useCallback((conflict: MergeConflict, side: Side) => {\n    const setDismissed = side === 'left' ? setDismissedLeftLines : setDismissedRightLines;\n    const [sideStart, sideEnd] =\n      side === 'left'\n        ? [conflict.oldStartLine, conflict.oldEndLine]\n        : [conflict.newStartLine, conflict.newEndLine];\n\n    setDismissed((prev) => {\n      const next = new Set(prev);\n      for (let i = sideStart; i <= sideEnd; i++) next.add(i);\n      return next;\n    });\n  }, []);\n\n  const dismissLeft = useCallback(\n    (conflict: MergeConflict) => dismissSide(conflict, 'left'),\n    [dismissSide],\n  );\n\n  const dismissRight = useCallback(\n    (conflict: MergeConflict) => dismissSide(conflict, 'right'),\n    [dismissSide],\n  );\n\n  const fullyResolvedPairIds = useMemo(() => {\n    const ids = new Set<string>();\n    for (const pair of conflictPairs) {\n      const leftAccepted = acceptedPairSides.get(pair.id)?.has('left') ?? false;\n      const rightAccepted = acceptedPairSides.get(pair.id)?.has('right') ?? false;\n\n      let leftDismissed = true;\n      for (let i = pair.leftStart; i <= pair.leftEnd; i++) {\n        if (!dismissedLeftLines.has(i)) {\n          leftDismissed = false;\n          break;\n        }\n      }\n\n      let rightDismissed = true;\n      for (let i = pair.rightStart; i <= pair.rightEnd; i++) {\n        if (!dismissedRightLines.has(i)) {\n          rightDismissed = false;\n          break;\n        }\n      }\n\n      if ((leftAccepted || leftDismissed) && (rightAccepted || rightDismissed)) {\n        ids.add(pair.id);\n      }\n    }\n    return ids;\n  }, [conflictPairs, acceptedPairSides, dismissedLeftLines, dismissedRightLines]);\n\n  const visibleLeftConflicts = useMemo(\n    () =>\n      filterVisibleConflicts(\n        leftConflicts,\n        leftClassification,\n        dismissedLeftLines,\n        (c) => [c.oldStartLine, c.oldEndLine],\n        findPairForLeft,\n        fullyResolvedPairIds,\n      ),\n    [leftConflicts, leftClassification, dismissedLeftLines, findPairForLeft, fullyResolvedPairIds],\n  );\n\n  const visibleRightConflicts = useMemo(\n    () =>\n      filterVisibleConflicts(\n        rightConflicts,\n        rightClassification,\n        dismissedRightLines,\n        (c) => [c.newStartLine, c.newEndLine],\n        findPairForRight,\n        fullyResolvedPairIds,\n      ),\n    [\n      rightConflicts,\n      rightClassification,\n      dismissedRightLines,\n      findPairForRight,\n      fullyResolvedPairIds,\n    ],\n  );\n\n  const suppressedLeftLines = useMemo(\n    () =>\n      computeSuppressedLines(dismissedLeftLines, conflictPairs, fullyResolvedPairIds, (p) => [\n        p.leftStart,\n        p.leftEnd,\n      ]),\n    [conflictPairs, fullyResolvedPairIds, dismissedLeftLines],\n  );\n\n  const suppressedRightLines = useMemo(\n    () =>\n      computeSuppressedLines(dismissedRightLines, conflictPairs, fullyResolvedPairIds, (p) => [\n        p.rightStart,\n        p.rightEnd,\n      ]),\n    [conflictPairs, fullyResolvedPairIds, dismissedRightLines],\n  );\n\n  const { mergeHighlightedLines, mergeClassification } = useMemo(() => {\n    const mergeLeftLines = getChangedLineNumbers(leftDiffChunks, 'new');\n    const mergeRightLines = getChangedLineNumbers(rightDiffChunks, 'old');\n\n    const mergeLineToPair = new Map<number, string>();\n\n    for (const conflict of leftConflicts) {\n      const pair = findPairForLeft(conflict);\n      if (pair) {\n        for (let i = conflict.newStartLine; i <= conflict.newEndLine; i++) {\n          mergeLineToPair.set(i, pair.id);\n        }\n      }\n    }\n\n    for (const conflict of rightConflicts) {\n      const pair = findPairForRight(conflict);\n      if (pair) {\n        for (let i = conflict.oldStartLine; i <= conflict.oldEndLine; i++) {\n          mergeLineToPair.set(i, pair.id);\n        }\n      }\n    }\n\n    // Derive suppressed merge lines from side-pane dismissals.\n    // Side texts are static, so their line numbers never go stale.\n    const suppressedMergeLines = new Set<number>();\n\n    for (const conflict of leftConflicts) {\n      if (findPairForLeft(conflict)) continue;\n      if (conflict.oldStartLine > conflict.oldEndLine) continue;\n      let allDismissed = true;\n      for (let i = conflict.oldStartLine; i <= conflict.oldEndLine; i++) {\n        if (!dismissedLeftLines.has(i)) {\n          allDismissed = false;\n          break;\n        }\n      }\n      if (allDismissed) {\n        for (let i = conflict.newStartLine; i <= conflict.newEndLine; i++) {\n          suppressedMergeLines.add(i);\n        }\n      }\n    }\n\n    for (const conflict of rightConflicts) {\n      if (findPairForRight(conflict)) continue;\n      if (conflict.newStartLine > conflict.newEndLine) continue;\n      let allDismissed = true;\n      for (let i = conflict.newStartLine; i <= conflict.newEndLine; i++) {\n        if (!dismissedRightLines.has(i)) {\n          allDismissed = false;\n          break;\n        }\n      }\n      if (allDismissed) {\n        for (let i = conflict.oldStartLine; i <= conflict.oldEndLine; i++) {\n          suppressedMergeLines.add(i);\n        }\n      }\n    }\n\n    const allMergeLines = new Set<number>();\n    for (const line of mergeLeftLines) allMergeLines.add(line);\n    for (const line of mergeRightLines) allMergeLines.add(line);\n\n    const highlighted = new Set<number>();\n    const classification = new Map<number, ChangeClassification>();\n\n    for (const line of allMergeLines) {\n      if (suppressedMergeLines.has(line)) continue;\n\n      const pairId = mergeLineToPair.get(line);\n      if (pairId && fullyResolvedPairIds.has(pairId)) continue;\n\n      highlighted.add(line);\n      classification.set(line, pairId ? CHANGE_CLASS.CONFLICT : CHANGE_CLASS.SAFE);\n    }\n\n    return { mergeHighlightedLines: highlighted, mergeClassification: classification };\n  }, [\n    leftDiffChunks,\n    rightDiffChunks,\n    leftConflicts,\n    rightConflicts,\n    findPairForLeft,\n    findPairForRight,\n    fullyResolvedPairIds,\n    dismissedLeftLines,\n    dismissedRightLines,\n  ]);\n\n  const leftHighlightedLines = useMemo(\n    () => filterHighlightedLines(leftDiffChunks, 'old', leftClassification, suppressedLeftLines),\n    [leftDiffChunks, leftClassification, suppressedLeftLines],\n  );\n\n  const rightHighlightedLines = useMemo(\n    () => filterHighlightedLines(rightDiffChunks, 'new', rightClassification, suppressedRightLines),\n    [rightDiffChunks, rightClassification, suppressedRightLines],\n  );\n\n  const remainingSafeChanges = useMemo(() => {\n    const leftSafe = visibleLeftConflicts.filter((c) => !findPairForLeft(c)).length;\n    const rightSafe = visibleRightConflicts.filter((c) => !findPairForRight(c)).length;\n    return leftSafe + rightSafe;\n  }, [visibleLeftConflicts, visibleRightConflicts, findPairForLeft, findPairForRight]);\n\n  return {\n    mergeValue,\n    handleMergeChange,\n    leftConflicts: visibleLeftConflicts,\n    rightConflicts: visibleRightConflicts,\n    leftHighlightedLines,\n    rightHighlightedLines,\n    leftClassification,\n    rightClassification,\n    mergeHighlightedLines,\n    mergeClassification,\n    acceptLeft,\n    acceptRight,\n    dismissLeft,\n    dismissRight,\n    totalConflicts: conflictPairs.length,\n    resolvedConflicts: fullyResolvedPairIds.size,\n    remainingSafeChanges,\n    isDirty: mergeValue !== baseText || dismissedLeftLines.size > 0 || dismissedRightLines.size > 0,\n    reset,\n  };\n};\n\n/**\n * Pairs adjacent removed+added chunks into MergeConflicts.\n * A standalone REMOVED or ADDED chunk becomes a conflict with\n * the other side empty.\n */\nconst pairChunksIntoConflicts = (chunks: DiffChunk[]): MergeConflict[] => {\n  const conflicts: MergeConflict[] = [];\n  let i = 0;\n\n  while (i < chunks.length) {\n    const chunk = chunks[i]!;\n\n    if (chunk.type === CHUNK_TYPE.UNCHANGED) {\n      i++;\n      continue;\n    }\n\n    if (chunk.type === CHUNK_TYPE.REMOVED) {\n      const next = chunks[i + 1];\n\n      if (next?.type === CHUNK_TYPE.ADDED) {\n        conflicts.push({\n          id: `${chunk.oldStart}-${next.newStart}`,\n          oldValue: chunk.value,\n          oldStartLine: chunk.oldStart,\n          oldEndLine: chunk.oldEnd,\n          newValue: next.value,\n          newStartLine: next.newStart,\n          newEndLine: next.newEnd,\n        });\n        i += 2;\n      } else {\n        conflicts.push({\n          id: `${chunk.oldStart}-del`,\n          oldValue: chunk.value,\n          oldStartLine: chunk.oldStart,\n          oldEndLine: chunk.oldEnd,\n          newValue: '',\n          newStartLine: chunk.newStart,\n          newEndLine: chunk.newStart,\n        });\n        i++;\n      }\n    } else {\n      conflicts.push({\n        id: `add-${chunk.newStart}`,\n        oldValue: '',\n        oldStartLine: chunk.oldStart,\n        oldEndLine: chunk.oldStart,\n        newValue: chunk.value,\n        newStartLine: chunk.newStart,\n        newEndLine: chunk.newEnd,\n      });\n      i++;\n    }\n  }\n\n  return conflicts;\n};\n"],"mappings":"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"}

package/dist/utils-D0c5VAyF.js

@@ -0,0 +1,308 @@
+import { cn } from "./classNames-BzrkDnOD.js";
+import { useArgoDesign } from "./context-KxxeMHbR.js";
+import { Slot } from "@radix-ui/react-slot";
+import { useEffect, useState } from "react";
+import { Content, Portal, Provider, Root as Root$1, Trigger } from "@radix-ui/react-tooltip";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/utils/copyToClipboard.ts
+/**
+* The async Clipboard API requires the document to be focused and rejects with
+* `NotAllowedError: Document is not focused` otherwise — which is the normal state
+* for a page inside an iframe that has not taken focus, such as Storybook's canvas
+* or an embedded preview. `execCommand` has no such requirement because it copies
+* the selection of a node we focus ourselves, so it covers that gap.
+*/
+const copyViaSelection = (text) => {
+	const node = document.createElement("textarea");
+	node.value = text;
+	node.setAttribute("readonly", "");
+	node.style.cssText = "position:fixed;top:0;left:0;opacity:0";
+	document.body.append(node);
+	node.select();
+	try {
+		return document.execCommand("copy");
+	} finally {
+		node.remove();
+	}
+};
+const copyToClipboard = async (text) => {
+	try {
+		await navigator.clipboard.writeText(text);
+	} catch (error) {
+		if (!copyViaSelection(text)) throw error;
+	}
+};
+//#endregion
+//#region src/utils/createChangeInputEvent.ts
+const createChangeInputEvent = (input) => {
+	const changeEvent = {
+		target: input,
+		currentTarget: input,
+		type: "change",
+		nativeEvent: new Event("change", { bubbles: true }),
+		bubbles: true,
+		cancelable: false,
+		defaultPrevented: false,
+		eventPhase: 2,
+		isTrusted: false,
+		preventDefault: () => {},
+		isDefaultPrevented: () => false,
+		stopPropagation: () => {},
+		isPropagationStopped: () => false,
+		persist: () => {},
+		timeStamp: Date.now()
+	};
+	Object.defineProperty(changeEvent, "target", {
+		value: input,
+		writable: false
+	});
+	return changeEvent;
+};
+//#endregion
+//#region src/constants/keyCodes.ts
+const keyCodes = {
+	ENTER: "Enter",
+	ESCAPE: "Escape",
+	SPACE: " "
+};
+//#endregion
+//#region src/components/Tooltip/TooltipContent.tsx
+const tooltipVariants = cva([
+	"tailwindcss-preflight",
+	"tw:inline-block",
+	"tw:break-anywhere",
+	"tw:max-h-96",
+	"tw:overflow-y-auto",
+	"tw:z-[1060]",
+	"tw:rounded",
+	"tw:bg-neutral-800",
+	"tw:text-white",
+	"tw:data-[argo=true]:rounded-2xl",
+	"tw:data-[argo=true]:border",
+	"tw:data-[argo=true]:border-solid",
+	"tw:data-[argo=true]:border-border",
+	"tw:data-[argo=true]:bg-popover",
+	"tw:data-[argo=true]:text-popover-foreground",
+	"tw:data-[argo=true]:shadow-md",
+	"tw:data-[argo=true]:data-[state=delayed-open]:animate-in",
+	"tw:data-[argo=true]:data-[state=instant-open]:animate-in",
+	"tw:data-[argo=true]:data-[state=delayed-open]:fade-in-0",
+	"tw:data-[argo=true]:data-[state=instant-open]:fade-in-0",
+	"tw:data-[argo=true]:data-[state=delayed-open]:zoom-in-95",
+	"tw:data-[argo=true]:data-[state=instant-open]:zoom-in-95",
+	"tw:data-[argo=true]:data-[state=closed]:animate-out",
+	"tw:data-[argo=true]:data-[state=closed]:fade-out-0",
+	"tw:data-[argo=true]:data-[state=closed]:zoom-out-95",
+	"tw:data-[argo=true]:data-[side=bottom]:slide-in-from-top-2",
+	"tw:data-[argo=true]:data-[side=left]:slide-in-from-right-2",
+	"tw:data-[argo=true]:data-[side=right]:slide-in-from-left-2",
+	"tw:data-[argo=true]:data-[side=top]:slide-in-from-bottom-2"
+], {
+	defaultVariants: { variant: "action" },
+	variants: { variant: {
+		action: [
+			"tw:max-w-fit",
+			"tw:px-3",
+			"tw:py-2",
+			"tw:text-center",
+			"tw:text-xs",
+			"tw:font-medium",
+			"tw:uppercase",
+			"tw:tracking-wider",
+			"tw:[[data-brand=keboola]_&]:normal-case",
+			"tw:[[data-brand=keboola]_&]:tracking-normal"
+		],
+		explanatory: [
+			"tw:max-w-80",
+			"tw:px-4",
+			"tw:py-3",
+			"tw:text-left",
+			"tw:text-sm",
+			"tw:font-normal"
+		]
+	} }
+});
+const TooltipContent = ({ className, variant, keepOpenOnPointerDownOutside = false, children, onPointerDownOutside, sideOffset = 8, collisionPadding = 8, hideWhenDetached = true, placement = "right", ...rest }) => {
+	const renderArgo = useArgoDesign();
+	const handlePointerDownOutside = (event) => {
+		if (keepOpenOnPointerDownOutside) event.preventDefault();
+		onPointerDownOutside?.(event);
+	};
+	return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Content, {
+		...rest,
+		"data-tooltip-content": renderArgo ? void 0 : true,
+		"data-argo": renderArgo,
+		sideOffset,
+		collisionPadding,
+		onPointerDownOutside: handlePointerDownOutside,
+		className: tooltipVariants({
+			className,
+			variant
+		}),
+		hideWhenDetached,
+		side: placement,
+		children
+	}) });
+};
+//#endregion
+//#region src/components/Tooltip/TooltipRoot.tsx
+const DELAY_SHOW_TOOLTIP = 300;
+const TooltipRoot = ({ children, delayDuration = DELAY_SHOW_TOOLTIP, ...rest }) => /* @__PURE__ */ jsx(Root$1, {
+	...rest,
+	delayDuration,
+	children
+});
+//#endregion
+//#region src/components/Tooltip/TooltipTrigger.tsx
+/**
+* Radix stamps the tooltip's own open/closed `data-state` onto the trigger. Merged onto an
+* `asChild` child that keeps a `data-state` of its own — `ToggleGroup.Item`, `Switch`, a `Tabs`
+* trigger — it wins, because those primitives spread incoming props *after* their own attribute.
+* The child then silently loses every `data-[state=…]` style it has, which is usually the only
+* thing marking it as selected.
+*
+* The tooltip's trigger state is styled nowhere, so it is dropped before it reaches the child.
+*/
+const WithoutTooltipState = ({ children, ...props }) => {
+	const { "data-state": _tooltipState, ...rest } = props;
+	return /* @__PURE__ */ jsx(Slot, {
+		...rest,
+		children
+	});
+};
+const TooltipTrigger = ({ ref, children, className, keepOpenOnClick = false, onClick, onPointerDown, asChild, ...rest }) => {
+	const handleClick = (event) => {
+		if (keepOpenOnClick) event.preventDefault();
+		onClick?.(event);
+	};
+	const handlePointerDown = (event) => {
+		if (keepOpenOnClick) event.preventDefault();
+		onPointerDown?.(event);
+	};
+	return /* @__PURE__ */ jsx(Trigger, {
+		...rest,
+		asChild: true,
+		ref,
+		className: cn("tailwindcss-preflight", className),
+		onClick: handleClick,
+		onPointerDown: handlePointerDown,
+		children: asChild ? /* @__PURE__ */ jsx(WithoutTooltipState, { children }) : /* @__PURE__ */ jsx("span", {
+			className: "tw:inline-flex tw:items-center",
+			children
+		})
+	});
+};
+//#endregion
+//#region src/components/Tooltip/Tooltip.tsx
+const ACTION_TOOLTIP_LIMIT = 30;
+/** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */
+const TooltipProvider = Provider;
+/**
+* Short plain-text label that appears on hover or focus.
+*
+* **When to use:** describing an icon-only `Button`, explaining a disabled control, or labelling a
+* truncated value. Plain text only — auto-switches to the longer `"explanatory"` variant when the string
+* exceeds 30 characters.
+* **When NOT to use:** for rich preview content (multiple lines, formatted text, structured data) use
+* `HoverCard`; for tooltips containing links or buttons use `Popover` (interactive elements break a11y
+* inside a `Tooltip`).
+* **Composition:** wrap any focusable element via `triggerAsChild` so the tooltip targets the underlying
+* native element. Mount `TooltipProvider` once at the app root.
+*
+* @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern
+*/
+const Tooltip = ({ tooltip, children, className, keepOpenOnTriggerClick = false, variant, placement = "right", forceHide = false, forceShow = false, delayDuration, triggerAsChild = false }) => {
+	const [open, setOpen] = useState(false);
+	const resolvedVariant = (() => {
+		if (!!variant) return variant;
+		if (typeof tooltip === "string" && tooltip.length > ACTION_TOOLTIP_LIMIT) return "explanatory";
+		return "action";
+	})();
+	const isActionVariant = resolvedVariant === "action";
+	const handleKeyUp = (event) => {
+		if (![keyCodes.ENTER, keyCodes.SPACE].includes(event.key)) return;
+		event.stopPropagation();
+	};
+	return /* @__PURE__ */ jsxs(TooltipRoot, {
+		open: !!tooltip && (open || forceShow) && !forceHide,
+		onOpenChange: setOpen,
+		delayDuration,
+		disableHoverableContent: isActionVariant,
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: triggerAsChild,
+			keepOpenOnClick: keepOpenOnTriggerClick,
+			onKeyUp: handleKeyUp,
+			children
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			className,
+			variant: resolvedVariant,
+			placement,
+			keepOpenOnPointerDownOutside: keepOpenOnTriggerClick,
+			children: tooltip
+		})]
+	});
+};
+Tooltip.Root = TooltipRoot;
+Tooltip.Content = TooltipContent;
+Tooltip.Trigger = TooltipTrigger;
+//#endregion
+//#region src/utils/decorators.tsx
+const withTooltipProvider = (Story) => /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Story, {}) });
+const withHiddenFullscreen = (Story) => /* @__PURE__ */ jsx("div", {
+	className: "tw:[&_[aria-label=Fullscreen]]:hidden",
+	children: /* @__PURE__ */ jsx(Story, {})
+});
+//#endregion
+//#region src/utils/createPrefixedString.ts
+const createPrefixedString = (prefix) => (literals) => literals.reduce((acc, literal) => acc + literal, `${prefix}-`);
+//#endregion
+//#region src/utils/noop.ts
+const noop = () => void 0;
+//#endregion
+//#region src/utils/debounce.ts
+const debounce = (fn, delay) => {
+	let timeoutId;
+	const debounced = (...args) => {
+		clearTimeout(timeoutId);
+		timeoutId = setTimeout(() => fn(...args), delay);
+	};
+	debounced.cancel = () => clearTimeout(timeoutId);
+	return debounced;
+};
+//#endregion
+//#region src/utils/isMac.ts
+const getIsMac = () => {
+	if (typeof navigator !== "undefined" && "userAgentData" in navigator) {
+		const platform = navigator.userAgentData.platform;
+		if (typeof platform === "string") return platform.toLowerCase() === "macos";
+	}
+	if (typeof navigator !== "undefined" && typeof navigator.platform === "string") return navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+	return false;
+};
+const isMac = getIsMac();
+//#endregion
+//#region src/utils/useSHA256.ts
+const sha256 = async (text) => {
+	const msgUint8 = new TextEncoder().encode(text);
+	const hashBuffer = await crypto.subtle.digest("SHA-256", msgUint8);
+	return Array.from(new Uint8Array(hashBuffer)).map((b) => b.toString(16).padStart(2, "0")).join("");
+};
+const useSHA256 = (text) => {
+	const [hash, setHash] = useState("");
+	useEffect(() => {
+		if (!text) return;
+		let cancelled = false;
+		sha256(text).then((h) => {
+			if (!cancelled) setHash(h);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [text]);
+	return text ? hash : "";
+};
+//#endregion
+export { Tooltip, TooltipProvider, copyToClipboard, createChangeInputEvent, createPrefixedString, debounce, isMac, keyCodes, noop, useSHA256, withHiddenFullscreen, withTooltipProvider };
+
+//# sourceMappingURL=utils-D0c5VAyF.js.map

package/dist/utils-D0c5VAyF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-D0c5VAyF.js","names":["Root"],"sources":["../src/utils/copyToClipboard.ts","../src/utils/createChangeInputEvent.ts","../src/constants/keyCodes.ts","../src/components/Tooltip/TooltipContent.tsx","../src/components/Tooltip/TooltipRoot.tsx","../src/components/Tooltip/TooltipTrigger.tsx","../src/components/Tooltip/Tooltip.tsx","../src/utils/decorators.tsx","../src/utils/createPrefixedString.ts","../src/utils/noop.ts","../src/utils/debounce.ts","../src/utils/isMac.ts","../src/utils/useSHA256.ts"],"sourcesContent":["/**\n * The async Clipboard API requires the document to be focused and rejects with\n * `NotAllowedError: Document is not focused` otherwise — which is the normal state\n * for a page inside an iframe that has not taken focus, such as Storybook's canvas\n * or an embedded preview. `execCommand` has no such requirement because it copies\n * the selection of a node we focus ourselves, so it covers that gap.\n */\nconst copyViaSelection = (text: string) => {\n  const node = document.createElement('textarea');\n  node.value = text;\n  node.setAttribute('readonly', '');\n  node.style.cssText = 'position:fixed;top:0;left:0;opacity:0';\n  document.body.append(node);\n  node.select();\n\n  try {\n    return document.execCommand('copy');\n  } finally {\n    node.remove();\n  }\n};\n\nexport const copyToClipboard = async (text: string) => {\n  try {\n    await navigator.clipboard.writeText(text);\n  } catch (error) {\n    if (!copyViaSelection(text)) throw error;\n  }\n};\n","import type { ChangeEvent } from 'react';\n\nexport const createChangeInputEvent = (input: HTMLInputElement) => {\n  const changeEvent: ChangeEvent<HTMLInputElement> = {\n    target: input,\n    currentTarget: input,\n    type: 'change',\n    nativeEvent: new Event('change', { bubbles: true }),\n    bubbles: true,\n    cancelable: false,\n    defaultPrevented: false,\n    eventPhase: 2, // AT_TARGET\n    isTrusted: false, // Synthetic events are not trusted\n    preventDefault: () => {}, // Provide dummy functions if not needed\n    isDefaultPrevented: () => false,\n    stopPropagation: () => {},\n    isPropagationStopped: () => false,\n    persist: () => {},\n    timeStamp: Date.now(),\n  };\n\n  Object.defineProperty(changeEvent, 'target', {\n    value: input,\n    writable: false,\n  });\n\n  return changeEvent;\n};\n","export const keyCodes = {\n  ENTER: 'Enter',\n  ESCAPE: 'Escape',\n  SPACE: ' ',\n};\n","import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-tooltip';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nconst tooltipVariants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:inline-block',\n    'tw:break-anywhere',\n    'tw:max-h-96',\n    'tw:overflow-y-auto',\n    'tw:z-[1060]',\n\n    // legacy (dark) chrome — default\n    'tw:rounded',\n    'tw:bg-neutral-800',\n    'tw:text-white',\n\n    // argo chrome overrides — semantic floating-panel tokens\n    'tw:data-[argo=true]:rounded-2xl',\n    'tw:data-[argo=true]:border',\n    'tw:data-[argo=true]:border-solid',\n    'tw:data-[argo=true]:border-border',\n    'tw:data-[argo=true]:bg-popover',\n    'tw:data-[argo=true]:text-popover-foreground',\n    'tw:data-[argo=true]:shadow-md',\n\n    // argo open animation\n    'tw:data-[argo=true]:data-[state=delayed-open]:animate-in',\n    'tw:data-[argo=true]:data-[state=instant-open]:animate-in',\n    'tw:data-[argo=true]:data-[state=delayed-open]:fade-in-0',\n    'tw:data-[argo=true]:data-[state=instant-open]:fade-in-0',\n    'tw:data-[argo=true]:data-[state=delayed-open]:zoom-in-95',\n    'tw:data-[argo=true]:data-[state=instant-open]:zoom-in-95',\n\n    // argo closed animation\n    'tw:data-[argo=true]:data-[state=closed]:animate-out',\n    'tw:data-[argo=true]:data-[state=closed]:fade-out-0',\n    'tw:data-[argo=true]:data-[state=closed]:zoom-out-95',\n\n    // argo position animation\n    'tw:data-[argo=true]:data-[side=bottom]:slide-in-from-top-2',\n    'tw:data-[argo=true]:data-[side=left]:slide-in-from-right-2',\n    'tw:data-[argo=true]:data-[side=right]:slide-in-from-left-2',\n    'tw:data-[argo=true]:data-[side=top]:slide-in-from-bottom-2',\n  ],\n  {\n    defaultVariants: {\n      variant: 'action',\n    },\n    variants: {\n      variant: {\n        action: [\n          'tw:max-w-fit',\n          'tw:px-3',\n          'tw:py-2',\n\n          'tw:text-center',\n          'tw:text-xs',\n          'tw:font-medium',\n          // Legacy chrome uppercases the action tooltip; the Keboola V2 brand\n          // (`data-brand=\"keboola\"`) renders it in standard case instead.\n          'tw:uppercase',\n          'tw:tracking-wider',\n          'tw:[[data-brand=keboola]_&]:normal-case',\n          'tw:[[data-brand=keboola]_&]:tracking-normal',\n        ],\n        explanatory: [\n          'tw:max-w-80',\n          'tw:px-4',\n          'tw:py-3',\n          'tw:text-left',\n\n          'tw:text-sm',\n          'tw:font-normal',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = {\n  keepOpenOnPointerDownOutside?: boolean;\n  placement?: ComponentProps<typeof Content>['side'];\n} & Omit<ComponentProps<typeof Content>, 'side'> &\n  VariantProps<typeof tooltipVariants>;\n\nexport const TooltipContent = ({\n  className,\n  variant,\n  keepOpenOnPointerDownOutside = false,\n  children,\n  onPointerDownOutside,\n  sideOffset = 8,\n  collisionPadding = 8,\n  hideWhenDetached = true,\n  placement = 'right',\n  ...rest\n}: Props) => {\n  const renderArgo = useArgoDesign();\n\n  const handlePointerDownOutside: ComponentProps<typeof Content>['onPointerDownOutside'] = (\n    event,\n  ) => {\n    if (keepOpenOnPointerDownOutside) event.preventDefault();\n    onPointerDownOutside?.(event);\n  };\n\n  return (\n    <Portal>\n      <Content\n        {...rest}\n        // Marks the dark (non-argo) tooltip chrome so styles.css can invert\n        // nested `.tw\\:prose` for contrast.\n        data-tooltip-content={renderArgo ? undefined : true}\n        data-argo={renderArgo}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        onPointerDownOutside={handlePointerDownOutside}\n        className={tooltipVariants({ className, variant })}\n        hideWhenDetached={hideWhenDetached}\n        side={placement}\n      >\n        {children}\n      </Content>\n    </Portal>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Root } from '@radix-ui/react-tooltip';\n\ntype Props = ComponentProps<typeof Root>;\n\nconst DELAY_SHOW_TOOLTIP = 300;\n\nexport const TooltipRoot = ({ children, delayDuration = DELAY_SHOW_TOOLTIP, ...rest }: Props) => (\n  <Root {...rest} delayDuration={delayDuration}>\n    {children}\n  </Root>\n);\n","import type { ComponentProps } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { Trigger } from '@radix-ui/react-tooltip';\n\nimport { cn } from '../../utils';\n\n/**\n * Radix stamps the tooltip's own open/closed `data-state` onto the trigger. Merged onto an\n * `asChild` child that keeps a `data-state` of its own — `ToggleGroup.Item`, `Switch`, a `Tabs`\n * trigger — it wins, because those primitives spread incoming props *after* their own attribute.\n * The child then silently loses every `data-[state=…]` style it has, which is usually the only\n * thing marking it as selected.\n *\n * The tooltip's trigger state is styled nowhere, so it is dropped before it reaches the child.\n */\nconst WithoutTooltipState = ({\n  children,\n  ...props\n  // `Slot`'s own props, plus the one attribute this exists to remove: React's types declare no\n  // `data-*`, so it has to be named to be destructured away.\n}: ComponentProps<typeof Slot> & { 'data-state'?: string }) => {\n  const { 'data-state': _tooltipState, ...rest } = props;\n\n  return <Slot {...rest}>{children}</Slot>;\n};\n\ntype Props = {\n  keepOpenOnClick?: boolean;\n} & ComponentProps<typeof Trigger>;\n\nexport const TooltipTrigger = ({\n  ref,\n  children,\n  className,\n  keepOpenOnClick = false,\n  onClick,\n  onPointerDown,\n  asChild,\n  ...rest\n}: Props) => {\n  const handleClick: ComponentProps<typeof Trigger>['onClick'] = (event) => {\n    if (keepOpenOnClick) event.preventDefault();\n    onClick?.(event);\n  };\n\n  const handlePointerDown: ComponentProps<typeof Trigger>['onPointerDown'] = (event) => {\n    if (keepOpenOnClick) event.preventDefault();\n    onPointerDown?.(event);\n  };\n\n  return (\n    <Trigger\n      {...rest}\n      asChild\n      ref={ref}\n      className={cn('tailwindcss-preflight', className)}\n      onClick={handleClick}\n      onPointerDown={handlePointerDown}\n    >\n      {asChild ? (\n        <WithoutTooltipState>{children}</WithoutTooltipState>\n      ) : (\n        // Default-mode trigger wraps children in a span so Radix has a\n        // single DOM element to attach handlers to. `tailwindcss-preflight`\n        // (merged in via Slot) activates Tailwind's preflight inside the\n        // span, which sets `svg { display: block }` — without an inline-flex\n        // container that would stack any bare Lucide icon onto its own\n        // line. `tw:inline-flex tw:items-center` keeps icon + text aligned.\n        <span className=\"tw:inline-flex tw:items-center\">{children}</span>\n      )}\n    </Trigger>\n  );\n};\n","import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { Content, Trigger } from '@radix-ui/react-tooltip';\nimport { Provider } from '@radix-ui/react-tooltip';\n\nimport { keyCodes } from '../../constants/keyCodes';\n\nimport { TooltipContent } from './TooltipContent';\nimport { TooltipRoot } from './TooltipRoot';\nimport { TooltipTrigger } from './TooltipTrigger';\n\nconst ACTION_TOOLTIP_LIMIT = 30;\n\ntype TriggerProps = {\n  triggerAsChild?: boolean;\n};\n\n/**\n * Props for `Tooltip`. `tooltip` is the popup content; `children` is the trigger element.\n * `variant` auto-resolves to `\"explanatory\"` for strings >30 chars, else `\"action\"`.\n */\nexport type Props = {\n  /** Keep the tooltip visible when the user clicks the trigger (useful for click-to-copy feedback). */\n  keepOpenOnTriggerClick?: boolean;\n  /** Content rendered inside the tooltip. Plain text only — no interactive elements (use `HoverCard` or `Popover` for that). */\n  tooltip: ReactNode;\n  children: ReactNode;\n  placement?: ComponentProps<typeof Content>['side'];\n  /** Forcibly hide the tooltip regardless of hover state. */\n  forceHide?: boolean;\n  /** Forcibly show the tooltip regardless of hover state. Useful for guided-tour overlays. */\n  forceShow?: boolean;\n  /** Hover delay before the tooltip opens, in ms. Defaults to the shared 300ms. */\n  delayDuration?: number;\n  className?: string;\n} & TriggerProps &\n  Pick<ComponentProps<typeof TooltipContent>, 'variant' | 'className'>;\n\n/** Re-export of Radix `Tooltip.Provider`. Mount once at the app root so tooltips share delay state. */\nexport const TooltipProvider = Provider;\n\n/**\n * Short plain-text label that appears on hover or focus.\n *\n * **When to use:** describing an icon-only `Button`, explaining a disabled control, or labelling a\n * truncated value. Plain text only — auto-switches to the longer `\"explanatory\"` variant when the string\n * exceeds 30 characters.\n * **When NOT to use:** for rich preview content (multiple lines, formatted text, structured data) use\n * `HoverCard`; for tooltips containing links or buttons use `Popover` (interactive elements break a11y\n * inside a `Tooltip`).\n * **Composition:** wrap any focusable element via `triggerAsChild` so the tooltip targets the underlying\n * native element. Mount `TooltipProvider` once at the app root.\n *\n * @see RECIPES.md#disabled-button-tooltip — for the disabled-button + tooltip pattern\n */\nexport const Tooltip = ({\n  tooltip,\n  children,\n  className,\n  keepOpenOnTriggerClick = false,\n  variant,\n  placement = 'right',\n  forceHide = false,\n  forceShow = false,\n  delayDuration,\n  // trigger props\n  triggerAsChild = false,\n}: Props) => {\n  const [open, setOpen] = useState(false);\n\n  const resolvedVariant = (() => {\n    if (!!variant) return variant;\n    if (typeof tooltip === 'string' && tooltip.length > ACTION_TOOLTIP_LIMIT) return 'explanatory';\n\n    return 'action';\n  })();\n\n  const isActionVariant = resolvedVariant === 'action';\n\n  const handleKeyUp: ComponentProps<typeof Trigger>['onKeyUp'] = (event) => {\n    if (![keyCodes.ENTER, keyCodes.SPACE].includes(event.key)) return;\n    event.stopPropagation();\n  };\n\n  return (\n    <TooltipRoot\n      open={!!tooltip && (open || forceShow) && !forceHide}\n      onOpenChange={setOpen}\n      delayDuration={delayDuration}\n      disableHoverableContent={isActionVariant}\n    >\n      <TooltipTrigger\n        asChild={triggerAsChild}\n        keepOpenOnClick={keepOpenOnTriggerClick}\n        onKeyUp={handleKeyUp}\n      >\n        {children}\n      </TooltipTrigger>\n\n      <TooltipContent\n        className={className}\n        variant={resolvedVariant}\n        placement={placement}\n        keepOpenOnPointerDownOutside={keepOpenOnTriggerClick}\n      >\n        {tooltip}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\nTooltip.Root = TooltipRoot;\nTooltip.Content = TooltipContent;\nTooltip.Trigger = TooltipTrigger;\n","import type { ComponentType } from 'react';\n\nimport { TooltipProvider } from '../components/Tooltip';\n\nexport const withTooltipProvider = (Story: ComponentType) => (\n  <TooltipProvider>\n    <Story />\n  </TooltipProvider>\n);\n\n// position:fixed only fills the Storybook iframe, not the browser window.\nexport const withHiddenFullscreen = (Story: ComponentType) => (\n  <div className=\"tw:[&_[aria-label=Fullscreen]]:hidden\">\n    <Story />\n  </div>\n);\n","export const createPrefixedString = (prefix: string) => (literals: TemplateStringsArray) =>\n  literals.reduce((acc, literal) => acc + literal, `${prefix}-`);\n","export const noop = () => void 0;\n","type DebouncedFn<T extends (...args: any[]) => void> = {\n  (...args: Parameters<T>): void;\n  cancel: () => void;\n};\n\nexport const debounce = <T extends (...args: any[]) => void>(\n  fn: T,\n  delay: number,\n): DebouncedFn<T> => {\n  let timeoutId: ReturnType<typeof setTimeout>;\n  const debounced = (...args: Parameters<T>) => {\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => fn(...args), delay);\n  };\n  debounced.cancel = () => clearTimeout(timeoutId);\n  return debounced;\n};\n","// Platform detection\ntype NavigatorUAData = {\n  platform: string;\n  brands: { brand: string; version: string }[];\n  mobile: boolean;\n};\n\nconst getIsMac = (): boolean => {\n  // Modern approach using navigator.userAgentData\n  if (typeof navigator !== 'undefined' && 'userAgentData' in navigator) {\n    const platform = (navigator.userAgentData as NavigatorUAData).platform;\n\n    if (typeof platform === 'string') {\n      return platform.toLowerCase() === 'macos';\n    }\n  }\n\n  if (typeof navigator !== 'undefined' && typeof navigator.platform === 'string') {\n    return navigator.platform.toUpperCase().indexOf('MAC') >= 0;\n  }\n\n  // Server-side rendering fallback\n  return false;\n};\n\nexport const isMac = getIsMac();\n","import { useEffect, useState } from 'react';\n\n// https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest#converting_a_digest_to_a_hex_string\nconst sha256 = async (text: string) => {\n  const msgUint8 = new TextEncoder().encode(text);\n  const hashBuffer = await crypto.subtle.digest('SHA-256', msgUint8);\n  const hashArray = Array.from(new Uint8Array(hashBuffer));\n  return hashArray.map((b) => b.toString(16).padStart(2, '0')).join('');\n};\n\nexport const useSHA256 = (text?: string) => {\n  const [hash, setHash] = useState('');\n\n  useEffect(() => {\n    if (!text) return;\n    let cancelled = false;\n    sha256(text).then((h) => {\n      if (!cancelled) setHash(h);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [text]);\n\n  // Empty input has no hash — derive it during render instead of syncing state\n  // in the effect (avoids the extra render and a stale-value frame).\n  return text ? hash : '';\n};\n"],"mappings":";;;;;;;;;;;;;;;AAOA,MAAM,oBAAoB,SAAiB;CACzC,MAAM,OAAO,SAAS,cAAc,UAAU;CAC9C,KAAK,QAAQ;CACb,KAAK,aAAa,YAAY,EAAE;CAChC,KAAK,MAAM,UAAU;CACrB,SAAS,KAAK,OAAO,IAAI;CACzB,KAAK,OAAO;CAEZ,IAAI;EACF,OAAO,SAAS,YAAY,MAAM;CACpC,UAAU;EACR,KAAK,OAAO;CACd;AACF;AAEA,MAAa,kBAAkB,OAAO,SAAiB;CACrD,IAAI;EACF,MAAM,UAAU,UAAU,UAAU,IAAI;CAC1C,SAAS,OAAO;EACd,IAAI,CAAC,iBAAiB,IAAI,GAAG,MAAM;CACrC;AACF;;;AC1BA,MAAa,0BAA0B,UAA4B;CACjE,MAAM,cAA6C;EACjD,QAAQ;EACR,eAAe;EACf,MAAM;EACN,aAAa,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;EAClD,SAAS;EACT,YAAY;EACZ,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,sBAAsB,CAAC;EACvB,0BAA0B;EAC1B,uBAAuB,CAAC;EACxB,4BAA4B;EAC5B,eAAe,CAAC;EAChB,WAAW,KAAK,IAAI;CACtB;CAEA,OAAO,eAAe,aAAa,UAAU;EAC3C,OAAO;EACP,UAAU;CACZ,CAAC;CAED,OAAO;AACT;;;AC3BA,MAAa,WAAW;CACtB,OAAO;CACP,QAAQ;CACR,OAAO;AACT;;;ACGA,MAAM,kBAAkB,IACtB;CACE;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;CACA;CAGA;CACA;CACA;CACA;AACF,GACA;CACE,iBAAiB,EACf,SAAS,SACX;CACA,UAAU,EACR,SAAS;EACP,QAAQ;GACN;GACA;GACA;GAEA;GACA;GACA;GAGA;GACA;GACA;GACA;EACF;EACA,aAAa;GACX;GACA;GACA;GACA;GAEA;GACA;EACF;CACF,EACF;AACF,CACF;AAQA,MAAa,kBAAkB,EAC7B,WACA,SACA,+BAA+B,OAC/B,UACA,sBACA,aAAa,GACb,mBAAmB,GACnB,mBAAmB,MACnB,YAAY,SACZ,GAAG,WACQ;CACX,MAAM,aAAa,cAAc;CAEjC,MAAM,4BACJ,UACG;EACH,IAAI,8BAA8B,MAAM,eAAe;EACvD,uBAAuB,KAAK;CAC9B;CAEA,OACE,oBAAC,QAAD,EAAA,UACE,oBAAC,SAAD;EACE,GAAI;EAGJ,wBAAsB,aAAa,KAAA,IAAY;EAC/C,aAAW;EACC;EACM;EAClB,sBAAsB;EACtB,WAAW,gBAAgB;GAAE;GAAW;EAAQ,CAAC;EAC/B;EAClB,MAAM;EAEL;CACM,CAAA,EACH,CAAA;AAEZ;;;AC7HA,MAAM,qBAAqB;AAE3B,MAAa,eAAe,EAAE,UAAU,gBAAgB,oBAAoB,GAAG,WAC7E,oBAACA,QAAD;CAAM,GAAI;CAAqB;CAC5B;AACG,CAAA;;;;;;;;;;;;ACKR,MAAM,uBAAuB,EAC3B,UACA,GAAG,YAG0D;CAC7D,MAAM,EAAE,cAAc,eAAe,GAAG,SAAS;CAEjD,OAAO,oBAAC,MAAD;EAAM,GAAI;EAAO;CAAe,CAAA;AACzC;AAMA,MAAa,kBAAkB,EAC7B,KACA,UACA,WACA,kBAAkB,OAClB,SACA,eACA,SACA,GAAG,WACQ;CACX,MAAM,eAA0D,UAAU;EACxE,IAAI,iBAAiB,MAAM,eAAe;EAC1C,UAAU,KAAK;CACjB;CAEA,MAAM,qBAAsE,UAAU;EACpF,IAAI,iBAAiB,MAAM,eAAe;EAC1C,gBAAgB,KAAK;CACvB;CAEA,OACE,oBAAC,SAAD;EACE,GAAI;EACJ,SAAA;EACK;EACL,WAAW,GAAG,yBAAyB,SAAS;EAChD,SAAS;EACT,eAAe;EAEd,UAAA,UACC,oBAAC,qBAAD,EAAsB,SAA8B,CAAA,IAQpD,oBAAC,QAAD;GAAM,WAAU;GAAkC;EAAe,CAAA;CAE5D,CAAA;AAEb;;;AC7DA,MAAM,uBAAuB;;AA4B7B,MAAa,kBAAkB;;;;;;;;;;;;;;;AAgB/B,MAAa,WAAW,EACtB,SACA,UACA,WACA,yBAAyB,OACzB,SACA,YAAY,SACZ,YAAY,OACZ,YAAY,OACZ,eAEA,iBAAiB,YACN;CACX,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,MAAM,yBAAyB;EAC7B,IAAI,CAAC,CAAC,SAAS,OAAO;EACtB,IAAI,OAAO,YAAY,YAAY,QAAQ,SAAS,sBAAsB,OAAO;EAEjF,OAAO;CACT,EAAA,CAAG;CAEH,MAAM,kBAAkB,oBAAoB;CAE5C,MAAM,eAA0D,UAAU;EACxE,IAAI,CAAC,CAAC,SAAS,OAAO,SAAS,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;EAC3D,MAAM,gBAAgB;CACxB;CAEA,OACE,qBAAC,aAAD;EACE,MAAM,CAAC,CAAC,YAAY,QAAQ,cAAc,CAAC;EAC3C,cAAc;EACC;EACf,yBAAyB;EAJ3B,UAAA,CAME,oBAAC,gBAAD;GACE,SAAS;GACT,iBAAiB;GACjB,SAAS;GAER;EACa,CAAA,GAEhB,oBAAC,gBAAD;GACa;GACX,SAAS;GACE;GACX,8BAA8B;GAE7B,UAAA;EACa,CAAA,CACL;;AAEjB;AAEA,QAAQ,OAAO;AACf,QAAQ,UAAU;AAClB,QAAQ,UAAU;;;AC7GlB,MAAa,uBAAuB,UAClC,oBAAC,iBAAD,EAAA,UACE,oBAAC,OAAD,CAAQ,CAAA,EACO,CAAA;AAInB,MAAa,wBAAwB,UACnC,oBAAC,OAAD;CAAK,WAAU;CACb,UAAA,oBAAC,OAAD,CAAQ,CAAA;AACL,CAAA;;;ACdP,MAAa,wBAAwB,YAAoB,aACvD,SAAS,QAAQ,KAAK,YAAY,MAAM,SAAS,GAAG,OAAO,EAAE;;;ACD/D,MAAa,aAAa,KAAK;;;ACK/B,MAAa,YACX,IACA,UACmB;CACnB,IAAI;CACJ,MAAM,aAAa,GAAG,SAAwB;EAC5C,aAAa,SAAS;EACtB,YAAY,iBAAiB,GAAG,GAAG,IAAI,GAAG,KAAK;CACjD;CACA,UAAU,eAAe,aAAa,SAAS;CAC/C,OAAO;AACT;;;ACTA,MAAM,iBAA0B;CAE9B,IAAI,OAAO,cAAc,eAAe,mBAAmB,WAAW;EACpE,MAAM,WAAY,UAAU,cAAkC;EAE9D,IAAI,OAAO,aAAa,UACtB,OAAO,SAAS,YAAY,MAAM;CAEtC;CAEA,IAAI,OAAO,cAAc,eAAe,OAAO,UAAU,aAAa,UACpE,OAAO,UAAU,SAAS,YAAY,CAAC,CAAC,QAAQ,KAAK,KAAK;CAI5D,OAAO;AACT;AAEA,MAAa,QAAQ,SAAS;;;ACtB9B,MAAM,SAAS,OAAO,SAAiB;CACrC,MAAM,WAAW,IAAI,YAAY,CAAC,CAAC,OAAO,IAAI;CAC9C,MAAM,aAAa,MAAM,OAAO,OAAO,OAAO,WAAW,QAAQ;CAEjE,OADkB,MAAM,KAAK,IAAI,WAAW,UAAU,CACvC,CAAC,CAAC,KAAK,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE;AACtE;AAEA,MAAa,aAAa,SAAkB;CAC1C,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CAEnC,gBAAgB;EACd,IAAI,CAAC,MAAM;EACX,IAAI,YAAY;EAChB,OAAO,IAAI,CAAC,CAAC,MAAM,MAAM;GACvB,IAAI,CAAC,WAAW,QAAQ,CAAC;EAC3B,CAAC;EACD,aAAa;GACX,YAAY;EACd;CACF,GAAG,CAAC,IAAI,CAAC;CAIT,OAAO,OAAO,OAAO;AACvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keboola/design",
-  "version": "11.0.0",
+  "version": "11.0.1",
   "description": "Keboola UI platform design system — shadcn-aligned React primitives, Keboola-branded blocks, and the form bindings built on TanStack Form.",
   "license": "MIT",
   "type": "module",
@@ -140,15 +140,15 @@
     "storybook": "^10.2.19",
     "tailwindcss": "^4.3.3",
     "tailwindcss-scoped-preflight": "^4.0.6",
-    "tsup": "^8.5.1",
+    "tsdown": "^0.22.14",
     "tsx": "^4.19.4",
     "tw-animate-css": "^1.4.0",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
     "vite": "^8.1.5",
     "vitest": "^4.1.10",
-    "@keboola/vitest-config": "^1.0.0",
+    "@keboola/oxlint-config": "^10.0.1",
     "@keboola/tsconfig": "^0.2.0",
-    "@keboola/oxlint-config": "^10.0.1"
+    "@keboola/vitest-config": "^1.0.0"
   },
   "peerDependencies": {
     "@testing-library/react": "^16.3.2",
@@ -233,18 +233,18 @@
     "remark-gfm": "^4.0.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
-    "@keboola/codemirror-lang-sql": "^0.7.0",
+    "@keboola/codemirror-lang-sql": "^0.7.1",
     "@keboola/tailwind-config": "^1.1.0",
-    "@keboola/brand-registry": "^1.9.1"
+    "@keboola/brand-registry": "^1.9.2"
   },
   "scripts": {
     "dev": "storybook dev -p \"${PORT:-6006}\"",
     "build-storybook": "storybook build",
     "transit": "pnpm build",
     "build": "pnpm build:js && pnpm build:css",
-    "build:js": "tsup",
+    "build:js": "tsdown",
     "build:css": "tailwindcss -i src/styles.css -o dist/styles.css --minify",
-    "build:check": "attw --pack . --profile esm-only --exclude-entrypoints ./styles ./styles/compiled ./theme",
+    "build:check": "node ../../tooling/check-dist-exports.mjs && attw --pack . --profile esm-only --exclude-entrypoints ./styles ./styles/compiled ./theme",
     "test": "vitest run --config vite.config.ts --passWithNoTests --reporter=dot",
     "test:stories": "vitest run --config vitest.config.ts",
     "test:stories:coverage": "vitest run --config vitest.config.ts --coverage",

package/dist/MermaidDiagram-ZU5KAVRT.js

@@ -1,18 +0,0 @@
-export { MermaidDiagram } from './chunk-MA6RRHDT.js';
-import './chunk-SVBSNSD4.js';
-import './chunk-SFFF2WQP.js';
-import './chunk-PACNBKJV.js';
-import './chunk-IIS7INHF.js';
-import './chunk-FUFMVW7O.js';
-import './chunk-7P6PLZ4B.js';
-import './chunk-IXAYNBOY.js';
-import './chunk-RQVK4IYC.js';
-import './chunk-KR7NXXHC.js';
-import './chunk-SWQFYNYG.js';
-import './chunk-3W27OLK5.js';
-import './chunk-MODE4QIA.js';
-import './chunk-WETKNYZX.js';
-import './chunk-LXLIQ2D6.js';
-import './chunk-G3PMV62Z.js';
-//# sourceMappingURL=MermaidDiagram-ZU5KAVRT.js.map
-//# sourceMappingURL=MermaidDiagram-ZU5KAVRT.js.map

package/dist/MermaidDiagram-ZU5KAVRT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"MermaidDiagram-ZU5KAVRT.js"}

package/dist/chunk-2YYJDKSP.js

@@ -1,51 +0,0 @@
-import { Skeleton } from './chunk-PACNBKJV.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var duplicateArray = (arr, times) => {
-  return Array(times).fill(arr).flat();
-};
-var Item = ({
-  className,
-  iconHeight = "md",
-  rowHeight = "sm",
-  iconClassName = "tw:w-6 "
-}) => /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:items-center tw:gap-3", children: [
-  /* @__PURE__ */ jsx(Skeleton, { height: iconHeight, className: cn("tw:rounded-full tw:shrink-0", iconClassName) }),
-  /* @__PURE__ */ jsx(Skeleton, { height: rowHeight, className })
-] });
-var SkeletonList = ({
-  hasHeading = false,
-  groups = 3,
-  className,
-  iconHeight = "md",
-  rowHeight = "sm",
-  iconClassName
-}) => /* @__PURE__ */ jsxs("div", { className: cn("tw:flex tw:flex-col tw:gap-4", className), children: [
-  hasHeading ? /* @__PURE__ */ jsx(Skeleton, { height: "xxs", className: "tw:w-28" }) : null,
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "tw:flex tw:flex-col",
-        ["xxs", "xs"].includes(rowHeight) ? "tw:gap-3" : "tw:gap-4"
-      ),
-      children: duplicateArray(["tw:w-5/6", "tw:w-3/4", "tw:w-4/5", "tw:w-2/3"], groups).map(
-        (className2, index) => /* @__PURE__ */ jsx(
-          Item,
-          {
-            iconHeight,
-            rowHeight,
-            iconClassName,
-            className: className2
-          },
-          `${className2}-${index}`
-        )
-      )
-    }
-  )
-] });
-
-export { SkeletonList };
-//# sourceMappingURL=chunk-2YYJDKSP.js.map
-//# sourceMappingURL=chunk-2YYJDKSP.js.map

package/dist/chunk-2YYJDKSP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Skeleton/SkeletonList.tsx"],"names":["className"],"mappings":";;;;AAKA,IAAM,cAAA,GAAiB,CAAC,GAAA,EAAe,KAAA,KAAkB;AACvD,EAAA,OAAO,MAAM,KAAK,CAAA,CAAE,IAAA,CAAK,GAAG,EAAE,IAAA,EAAK;AACrC,CAAA;AAEA,IAAM,OAAO,CAAC;AAAA,EACZ,SAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,SAAA,GAAY,IAAA;AAAA,EACZ,aAAA,GAAgB;AAClB,CAAA,qBAME,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACb,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,YAAS,MAAA,EAAQ,UAAA,EAAY,WAAW,EAAA,CAAG,6BAAA,EAA+B,aAAa,CAAA,EAAG,CAAA;AAAA,kBAC3F,GAAA,CAAC,QAAA,EAAA,EAAS,MAAA,EAAQ,SAAA,EAAW,SAAA,EAAsB;AAAA,CAAA,EACrD,CAAA;AAGK,IAAM,eAAe,CAAC;AAAA,EAC3B,UAAA,GAAa,KAAA;AAAA,EACb,MAAA,GAAS,CAAA;AAAA,EACT,SAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,SAAA,GAAY,IAAA;AAAA,EACZ;AACF,CAAA,0BAQG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,8BAAA,EAAgC,SAAS,CAAA,EACzD,QAAA,EAAA;AAAA,EAAA,UAAA,uBAAc,QAAA,EAAA,EAAS,MAAA,EAAO,KAAA,EAAM,SAAA,EAAU,WAAU,CAAA,GAAK,IAAA;AAAA,kBAE9D,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,qBAAA;AAAA,QACA,CAAC,KAAA,EAAO,IAAI,EAAE,QAAA,CAAS,SAAS,IAAI,UAAA,GAAa;AAAA,OACnD;AAAA,MAEC,QAAA,EAAA,cAAA,CAAe,CAAC,UAAA,EAAY,UAAA,EAAY,YAAY,UAAU,CAAA,EAAG,MAAM,CAAA,CAAE,GAAA;AAAA,QACxE,CAACA,YAAW,KAAA,qBACV,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAGC,UAAA;AAAA,YACA,SAAA;AAAA,YACA,aAAA;AAAA,YACA,SAAA,EAAWA;AAAA,WAAA;AAAA,UAJN,CAAA,EAAGA,UAAS,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA;AAK5B;AAEJ;AAAA;AACF,CAAA,EACF","file":"chunk-2YYJDKSP.js","sourcesContent":["import { cn } from '../../utils';\n\nimport type { Height } from './Skeleton';\nimport { Skeleton } from './Skeleton';\n\nconst duplicateArray = (arr: string[], times: number) => {\n  return Array(times).fill(arr).flat();\n};\n\nconst Item = ({\n  className,\n  iconHeight = 'md',\n  rowHeight = 'sm',\n  iconClassName = 'tw:w-6 ',\n}: {\n  className: string;\n  iconHeight?: Height;\n  rowHeight?: Height;\n  iconClassName?: string;\n}) => (\n  <div className=\"tw:flex tw:items-center tw:gap-3\">\n    <Skeleton height={iconHeight} className={cn('tw:rounded-full tw:shrink-0', iconClassName)} />\n    <Skeleton height={rowHeight} className={className} />\n  </div>\n);\n\nexport const SkeletonList = ({\n  hasHeading = false,\n  groups = 3,\n  className,\n  iconHeight = 'md',\n  rowHeight = 'sm',\n  iconClassName,\n}: {\n  hasHeading?: boolean;\n  groups?: number;\n  className?: string;\n  iconHeight?: Height;\n  rowHeight?: Height;\n  iconClassName?: string;\n}) => (\n  <div className={cn('tw:flex tw:flex-col tw:gap-4', className)}>\n    {hasHeading ? <Skeleton height=\"xxs\" className=\"tw:w-28\" /> : null}\n\n    <div\n      className={cn(\n        'tw:flex tw:flex-col',\n        ['xxs', 'xs'].includes(rowHeight) ? 'tw:gap-3' : 'tw:gap-4',\n      )}\n    >\n      {duplicateArray(['tw:w-5/6', 'tw:w-3/4', 'tw:w-4/5', 'tw:w-2/3'], groups).map(\n        (className, index) => (\n          <Item\n            // oxlint-disable-next-line react/no-array-index-key\n            key={`${className}-${index}`}\n            iconHeight={iconHeight}\n            rowHeight={rowHeight}\n            iconClassName={iconClassName}\n            className={className}\n          />\n        ),\n      )}\n    </div>\n  </div>\n);\n"]}