@visulima/tui 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/packem_shared/Text-CtUwV89_.js

@@ -1,65 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import colorizeDefault from '@visulima/colorize';
-import { useContext, useCallback } from 'react';
-import { c as colorize } from './colorize-88_Vk8cn.js';
-import { a as accessibilityContext } from './accessibility-context-BLelHhNU.js';
-import { b as backgroundContext } from './background-context-BAUaxfOb.js';
-
-function Text({
-  "aria-hidden": ariaHidden = false,
-  "aria-label": ariaLabel,
-  backgroundColor,
-  bold = false,
-  children,
-  color,
-  dimColor = false,
-  inverse = false,
-  italic = false,
-  strikethrough = false,
-  underline = false,
-  wrap = "wrap"
-}) {
-  const { isScreenReaderEnabled } = useContext(accessibilityContext);
-  const inheritedBackgroundColor = useContext(backgroundContext);
-  const childrenOrAriaLabel = isScreenReaderEnabled && ariaLabel ? ariaLabel : children;
-  const transform = useCallback(
-    (children2) => {
-      if (dimColor) {
-        children2 = colorizeDefault.dim(children2);
-      }
-      if (color) {
-        children2 = colorize(children2, color, "foreground");
-      }
-      const effectiveBackgroundColor = backgroundColor ?? inheritedBackgroundColor;
-      if (effectiveBackgroundColor) {
-        children2 = colorize(children2, effectiveBackgroundColor, "background");
-      }
-      if (bold) {
-        children2 = colorizeDefault.bold(children2);
-      }
-      if (italic) {
-        children2 = colorizeDefault.italic(children2);
-      }
-      if (underline) {
-        children2 = colorizeDefault.underline(children2);
-      }
-      if (strikethrough) {
-        children2 = colorizeDefault.strikethrough(children2);
-      }
-      if (inverse) {
-        children2 = colorizeDefault.inverse(children2);
-      }
-      return children2;
-    },
-    [dimColor, color, backgroundColor, inheritedBackgroundColor, bold, italic, underline, strikethrough, inverse]
-  );
-  if (childrenOrAriaLabel === void 0 || childrenOrAriaLabel === null) {
-    return null;
-  }
-  if (isScreenReaderEnabled && ariaHidden) {
-    return null;
-  }
-  return jsx("ink-text", { internal_transform: transform, style: { flexDirection: "row", flexGrow: 0, flexShrink: 1, textWrap: wrap }, children: isScreenReaderEnabled && ariaLabel ? ariaLabel : children });
-}
-
-export { Text as default };

package/dist/packem_shared/TextInput-C9r7zT0U.js

@@ -1,137 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useRef, useCallback } from 'react';
-import useInput from './useInput-DKZbqMRc.js';
-import { i as isInsertableInput } from './input-utils-ViAEXa0Z.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const KILL_WORD_PATTERN = /\S+\s*$/;
-const findSuggestion = (value, suggestions) => {
-  if (value.length === 0 || !suggestions) {
-    return void 0;
-  }
-  const match = suggestions.find((s) => s.startsWith(value));
-  return match?.slice(value.length) ?? void 0;
-};
-const NAV_NOT_HANDLED = -1;
-const handleNavigation = (input, key, cursor, valueLength) => {
-  if (key.leftArrow) {
-    return Math.max(0, cursor - 1);
-  }
-  if (key.home || key.ctrl && input === "a") {
-    return 0;
-  }
-  if (key.end || key.ctrl && input === "e") {
-    return valueLength;
-  }
-  return NAV_NOT_HANDLED;
-};
-const handleEditing = (input, key, currentValue, cursor) => {
-  if (key.backspace && cursor > 0) {
-    return [currentValue.slice(0, cursor - 1) + currentValue.slice(cursor), cursor - 1];
-  }
-  if (key.delete && cursor < currentValue.length) {
-    return [currentValue.slice(0, cursor) + currentValue.slice(cursor + 1), cursor];
-  }
-  if (key.ctrl && input === "u") {
-    return [currentValue.slice(cursor), 0];
-  }
-  if (key.ctrl && input === "k") {
-    return [currentValue.slice(0, cursor), cursor];
-  }
-  if (key.ctrl && input === "w") {
-    const before = currentValue.slice(0, cursor);
-    const trimmed = before.replace(KILL_WORD_PATTERN, "");
-    return [trimmed + currentValue.slice(cursor), trimmed.length];
-  }
-  return void 0;
-};
-function TextInput({ defaultValue = "", isDisabled = false, mask = false, onChange, onSubmit, placeholder, suggestions }) {
-  const [value, setValueRaw] = useState(defaultValue);
-  const [cursor, setCursor] = useState(defaultValue.length);
-  const valueRef = useRef(value);
-  valueRef.current = value;
-  const cursorRef = useRef(cursor);
-  cursorRef.current = cursor;
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const onSubmitRef = useRef(onSubmit);
-  onSubmitRef.current = onSubmit;
-  const suggestion = findSuggestion(value, suggestions);
-  const inputHandler = useCallback(
-    (input, key) => {
-      const { current } = cursorRef;
-      const currentValue = valueRef.current;
-      if (key.return) {
-        const currentSuggestion = findSuggestion(currentValue, suggestions);
-        const finalValue = currentSuggestion ? currentValue + currentSuggestion : currentValue;
-        if (currentSuggestion) {
-          setValueRaw(finalValue);
-          setCursor(finalValue.length);
-          onChangeRef.current?.(finalValue);
-        }
-        onSubmitRef.current?.(finalValue);
-        return;
-      }
-      if (key.escape) {
-        return;
-      }
-      if (key.rightArrow) {
-        const currentSuggestion = findSuggestion(currentValue, suggestions);
-        if (current === currentValue.length && currentSuggestion) {
-          const completed = currentValue + currentSuggestion;
-          setValueRaw(completed);
-          setCursor(completed.length);
-          onChangeRef.current?.(completed);
-          return;
-        }
-        setCursor(Math.min(currentValue.length, current + 1));
-        return;
-      }
-      const navResult = handleNavigation(input, key, current, currentValue.length);
-      if (navResult !== NAV_NOT_HANDLED) {
-        setCursor(navResult);
-        return;
-      }
-      const editResult = handleEditing(input, key, currentValue, current);
-      if (editResult) {
-        const [newValue, newCursor] = editResult;
-        setValueRaw(newValue);
-        setCursor(newCursor);
-        onChangeRef.current?.(newValue);
-        return;
-      }
-      if (isInsertableInput(input, key)) {
-        const next = currentValue.slice(0, current) + input + currentValue.slice(current);
-        setValueRaw(next);
-        setCursor(current + input.length);
-        onChangeRef.current?.(next);
-      }
-    },
-    [suggestions]
-  );
-  useInput(inputHandler, { isActive: !isDisabled });
-  const displayValue = mask ? "*".repeat(value.length) : value;
-  const beforeCursor = displayValue.slice(0, cursor);
-  const atCursor = displayValue[cursor];
-  const afterCursor = displayValue.slice(cursor + 1);
-  if (isDisabled) {
-    return jsx(Box, { children: jsx(Text, { dimColor: true, children: displayValue || placeholder || "" }) });
-  }
-  if (value.length === 0 && placeholder) {
-    return jsxs(Box, { children: [
-      jsx(Text, { dimColor: true, inverse: true, children: placeholder[0] }),
-      jsx(Text, { dimColor: true, children: placeholder.slice(1) })
-    ] });
-  }
-  return jsxs(Box, { children: [
-    jsxs(Text, { children: [
-      beforeCursor,
-      jsx(Text, { inverse: true, children: atCursor ?? " " }),
-      afterCursor
-    ] }),
-    suggestion ? jsx(Text, { dimColor: true, children: suggestion }) : void 0
-  ] });
-}
-
-export { TextInput as default };

package/dist/packem_shared/Textarea-CGmgt-Nl.js

@@ -1,272 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useRef, useState, useEffect, useMemo, useCallback } from 'react';
-import useClipboard from './useClipboard-MNj6MNR-.js';
-import useInput from './useInput-DKZbqMRc.js';
-import usePaste from './usePaste-png73gvT.js';
-import useTextBuffer from './useTextBuffer-C8fEe9Ly.js';
-import { i as isInsertableInput } from './input-utils-ViAEXa0Z.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const getOrderedSelection = (cursor, anchor) => {
-  if (anchor.line < cursor.line || anchor.line === cursor.line && anchor.col < cursor.col) {
-    return { endCol: cursor.col, endLine: cursor.line, startCol: anchor.col, startLine: anchor.line };
-  }
-  return { endCol: anchor.col, endLine: anchor.line, startCol: cursor.col, startLine: cursor.line };
-};
-function Textarea({
-  defaultValue = "",
-  isDisabled = false,
-  isFocused = true,
-  maxRows,
-  onChange,
-  onSubmit,
-  placeholder,
-  rows = 5,
-  showLineNumbers = false,
-  tabSize = 2
-}) {
-  const buffer = useTextBuffer(defaultValue);
-  const bufferRef = useRef(buffer);
-  bufferRef.current = buffer;
-  const { copy } = useClipboard();
-  const [scrollOffset, setScrollOffset] = useState(0);
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const onSubmitRef = useRef(onSubmit);
-  onSubmitRef.current = onSubmit;
-  const previousValueRef = useRef(defaultValue);
-  useEffect(() => {
-    if (buffer.value !== previousValueRef.current) {
-      previousValueRef.current = buffer.value;
-      onChangeRef.current?.(buffer.value);
-    }
-  }, [buffer.value]);
-  const visibleRows = useMemo(() => {
-    if (maxRows) {
-      return Math.min(Math.max(rows, buffer.lines.length), maxRows);
-    }
-    return rows;
-  }, [rows, maxRows, buffer.lines.length]);
-  useEffect(() => {
-    setScrollOffset((offset) => {
-      if (buffer.cursor.line < offset) {
-        return buffer.cursor.line;
-      }
-      if (buffer.cursor.line >= offset + visibleRows) {
-        return buffer.cursor.line - visibleRows + 1;
-      }
-      return offset;
-    });
-  }, [buffer.cursor.line, visibleRows]);
-  const inputHandler = useCallback(
-    (input, key) => {
-      const b = bufferRef.current;
-      if (key.return && (key.meta || key.ctrl)) {
-        onSubmitRef.current?.(b.value);
-        return;
-      }
-      if (key.return) {
-        b.newline();
-        return;
-      }
-      if (key.escape) {
-        b.clearSelection();
-        return;
-      }
-      if (key.tab) {
-        b.insert(" ".repeat(tabSize));
-        return;
-      }
-      if (key.ctrl && input === "z") {
-        b.undo();
-        return;
-      }
-      if (key.ctrl && (input === "y" || key.shift && input === "Z")) {
-        b.redo();
-        return;
-      }
-      if (key.ctrl && input === "c" && b.hasSelection()) {
-        copy(b.getSelectedText());
-        return;
-      }
-      if (key.ctrl && (input === "A" || input === "a" && key.shift)) {
-        b.selectAll();
-        return;
-      }
-      if (key.upArrow) {
-        b.moveCursor("up", key.shift);
-        return;
-      }
-      if (key.downArrow) {
-        b.moveCursor("down", key.shift);
-        return;
-      }
-      if (key.leftArrow) {
-        b.moveCursor("left", key.shift);
-        return;
-      }
-      if (key.rightArrow) {
-        b.moveCursor("right", key.shift);
-        return;
-      }
-      if (key.home) {
-        if (key.ctrl) {
-          b.moveToStart(key.shift);
-        } else {
-          b.moveToLineStart(key.shift);
-        }
-        return;
-      }
-      if (key.end) {
-        if (key.ctrl) {
-          b.moveToEnd(key.shift);
-        } else {
-          b.moveToLineEnd(key.shift);
-        }
-        return;
-      }
-      if (key.ctrl && input === "a") {
-        b.moveToLineStart(key.shift);
-        return;
-      }
-      if (key.ctrl && input === "e") {
-        b.moveToLineEnd(key.shift);
-        return;
-      }
-      if (key.backspace) {
-        b.deleteBack();
-        return;
-      }
-      if (key.delete) {
-        b.deleteForward();
-        return;
-      }
-      if (key.ctrl && input === "u") {
-        b.deleteToLineStart();
-        return;
-      }
-      if (key.ctrl && input === "k") {
-        b.deleteToLineEnd();
-        return;
-      }
-      if (key.ctrl && input === "w") {
-        b.deleteWord();
-        return;
-      }
-      if (isInsertableInput(input, key)) {
-        if (b.hasSelection()) {
-          b.replaceSelection(input);
-        } else {
-          b.insert(input);
-        }
-      }
-    },
-    [copy, tabSize]
-  );
-  useInput(inputHandler, { isActive: isFocused && !isDisabled });
-  const pasteHandler = useCallback((text) => {
-    const b = bufferRef.current;
-    if (b.hasSelection()) {
-      b.replaceSelection(text);
-    } else {
-      b.insert(text);
-    }
-  }, []);
-  usePaste(pasteHandler, { isActive: isFocused && !isDisabled });
-  const visibleLines = buffer.lines.slice(scrollOffset, scrollOffset + visibleRows);
-  const lineNumberWidth = showLineNumbers ? String(buffer.lines.length).length + 1 : 0;
-  const sel = buffer.anchor ? getOrderedSelection(buffer.cursor, buffer.anchor) : null;
-  if (isDisabled) {
-    return jsx(Box, { flexDirection: "column", children: visibleLines.map((line, index) => {
-      const lineNumber = scrollOffset + index;
-      return jsxs(Box, { children: [
-        showLineNumbers ? jsxs(Text, { dimColor: true, children: [
-          String(lineNumber + 1).padStart(lineNumberWidth),
-          " "
-        ] }) : void 0,
-        jsx(Text, { dimColor: true, children: line || (lineNumber === 0 && placeholder ? placeholder : "") })
-      ] }, lineNumber);
-    }) });
-  }
-  if (buffer.value.length === 0 && placeholder) {
-    const placeholderLines = placeholder.split("\n").slice(0, visibleRows);
-    return jsx(Box, { flexDirection: "column", children: placeholderLines.map((pLine, index) => jsxs(Box, { children: [
-      showLineNumbers ? jsxs(Text, { dimColor: true, children: [
-        String(index + 1).padStart(lineNumberWidth),
-        " "
-      ] }) : void 0,
-      index === 0 ? jsxs(Text, { children: [
-        jsx(Text, { dimColor: true, inverse: true, children: pLine[0] ?? " " }),
-        jsx(Text, { dimColor: true, children: pLine.slice(1) })
-      ] }) : jsx(Text, { dimColor: true, children: pLine })
-    ] }, index)) });
-  }
-  return jsx(Box, { flexDirection: "column", children: visibleLines.map((line, index) => {
-    const lineNumber = scrollOffset + index;
-    const isCursorLine = lineNumber === buffer.cursor.line;
-    return jsxs(Box, { children: [
-      showLineNumbers ? jsxs(Text, { dimColor: !isCursorLine, children: [
-        String(lineNumber + 1).padStart(lineNumberWidth),
-        " "
-      ] }) : void 0,
-      jsx(Text, { children: renderLine(line, lineNumber, buffer.cursor, sel) })
-    ] }, lineNumber);
-  }) });
-}
-function renderLine(line, lineNumber, cursor, sel) {
-  const isCursorLine = lineNumber === cursor.line;
-  const cursorCol = isCursorLine ? cursor.col : -1;
-  const lineSelected = sel && lineNumber >= sel.startLine && lineNumber <= sel.endLine;
-  if (!lineSelected && !isCursorLine) {
-    return jsx(Fragment, { children: line });
-  }
-  if (!lineSelected) {
-    const before = line.slice(0, cursorCol);
-    const at = line[cursorCol];
-    const after = line.slice(cursorCol + 1);
-    return jsxs(Fragment, { children: [
-      before,
-      jsx(Text, { inverse: true, children: at ?? " " }),
-      after
-    ] });
-  }
-  const selStart = lineNumber === sel.startLine ? sel.startCol : 0;
-  const selEnd = lineNumber === sel.endLine ? sel.endCol : line.length;
-  const beforeSel = line.slice(0, selStart);
-  const selected = line.slice(selStart, selEnd);
-  const afterSel = line.slice(selEnd);
-  if (isCursorLine && (cursorCol < selStart || cursorCol >= selEnd)) {
-    const parts = [];
-    let key = 0;
-    if (cursorCol < selStart) {
-      parts.push(jsx(Text, { children: line.slice(0, cursorCol) }, key++));
-      parts.push(
-        jsx(Text, { inverse: true, children: line[cursorCol] ?? " " }, key++)
-      );
-      parts.push(jsx(Text, { children: line.slice(cursorCol + 1, selStart) }, key++));
-      parts.push(
-        jsx(Text, { inverse: true, children: selected }, key++)
-      );
-      parts.push(jsx(Text, { children: afterSel }, key++));
-    } else {
-      parts.push(jsx(Text, { children: beforeSel }, key++));
-      parts.push(
-        jsx(Text, { inverse: true, children: selected }, key++)
-      );
-      parts.push(jsx(Text, { children: line.slice(selEnd, cursorCol) }, key++));
-      parts.push(
-        jsx(Text, { inverse: true, children: line[cursorCol] ?? " " }, key++)
-      );
-      parts.push(jsx(Text, { children: line.slice(cursorCol + 1) }, key++));
-    }
-    return jsx(Fragment, { children: parts });
-  }
-  return jsxs(Fragment, { children: [
-    beforeSel,
-    jsx(Text, { inverse: true, children: selected }),
-    afterSel
-  ] });
-}
-
-export { Textarea as default };

package/dist/packem_shared/Timer-D7ZZ0_wz.js

@@ -1,20 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useImperativeHandle } from 'react';
-import useTimer from './useTimer-DnBtbhB5.js';
-import { f as formatDuration } from './format-time-BGmnDukX.js';
-import Text from './Text-CtUwV89_.js';
-
-const Timer = ({ autoStart, bold, color, duration, format = formatDuration, interval, onTimeout, ref }) => {
-  const timer = useTimer({ autoStart, duration, interval, onTimeout });
-  useImperativeHandle(ref, () => {
-    return {
-      reset: timer.reset,
-      start: timer.start,
-      stop: timer.stop,
-      toggle: timer.toggle
-    };
-  }, [timer.reset, timer.start, timer.stop, timer.toggle]);
-  return jsx(Text, { bold, color, children: format(timer.remaining) });
-};
-
-export { Timer as default };

package/dist/packem_shared/Toast-DXSCXFPY.js

@@ -1,37 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-import { V as VARIANT_CONFIG } from './variant-config-DSZoX5TM.js';
-
-function Toast({ children, duration = 4e3, onDismiss, title, variant = "info", visible, width }) {
-  const [internalVisible, setInternalVisible] = useState(true);
-  const isVisible = visible ?? internalVisible;
-  const onDismissRef = useRef(onDismiss);
-  onDismissRef.current = onDismiss;
-  useEffect(() => {
-    if (visible !== void 0 || duration <= 0 || !isVisible) {
-      return void 0;
-    }
-    const timer = setTimeout(() => {
-      setInternalVisible(false);
-      onDismissRef.current?.();
-    }, duration);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [duration, visible, isVisible]);
-  if (!isVisible) {
-    return null;
-  }
-  const { color, icon } = VARIANT_CONFIG[variant];
-  return jsxs(Box, { borderColor: color, borderStyle: "round", gap: 1, paddingX: 1, width, children: [
-    jsx(Text, { color, children: icon }),
-    jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
-      title === void 0 ? void 0 : jsx(Text, { bold: true, children: title }),
-      jsx(Text, { children })
-    ] })
-  ] });
-}
-
-export { Toast as default };

package/dist/packem_shared/Tooltip-SvVjj-2k.js

@@ -1,32 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const PLACEMENT_STYLE = {
-  bottom: { flexDirection: "column", orderFirst: false },
-  left: { flexDirection: "row", orderFirst: true },
-  right: { flexDirection: "row", orderFirst: false },
-  top: { flexDirection: "column", orderFirst: true }
-};
-function Tooltip({ children, color = "gray", content, isVisible = true, placement = "right" }) {
-  const { flexDirection, orderFirst } = PLACEMENT_STYLE[placement];
-  const tooltip = isVisible ? jsx(
-    Box,
-    {
-      borderColor: color,
-      borderStyle: "round",
-      flexShrink: 0,
-      marginLeft: placement === "right" ? 1 : 0,
-      marginRight: placement === "left" ? 1 : 0,
-      paddingX: 1,
-      children: typeof content === "string" ? jsx(Text, { color, children: content }) : content
-    }
-  ) : void 0;
-  return jsxs(Box, { alignItems: "center", flexDirection, children: [
-    orderFirst ? tooltip : void 0,
-    jsx(Box, { children }),
-    orderFirst ? void 0 : tooltip
-  ] });
-}
-
-export { Tooltip as default };

package/dist/packem_shared/Transform-Cfyva2wd.js

@@ -1,14 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useContext } from 'react';
-import { a as accessibilityContext } from './accessibility-context-BLelHhNU.js';
-
-const TRANSFORM_STYLE = { flexDirection: "row", flexGrow: 0, flexShrink: 1 };
-function Transform({ accessibilityLabel, children, transform }) {
-  const { isScreenReaderEnabled } = useContext(accessibilityContext);
-  if (children === void 0 || children === null) {
-    return null;
-  }
-  return jsx("ink-text", { internal_transform: transform, style: TRANSFORM_STYLE, children: isScreenReaderEnabled && accessibilityLabel ? accessibilityLabel : children });
-}
-
-export { Transform as default };

package/dist/packem_shared/Transition-CbNfKhaj.js

@@ -1,108 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const renderFade = (progress, children) => {
-  if (progress >= 1) {
-    return jsx(Box, { children });
-  }
-  if (progress <= 0) {
-    return jsx(Box, {});
-  }
-  return jsx(Box, { children: typeof children === "string" ? jsx(Text, { dimColor: progress < 0.7, children }) : children });
-};
-const slideOffset = (progress, distance) => Math.max(0, Math.min(distance, Math.round((1 - progress) * distance)));
-const renderSlide = (axis, sign) => (progress, children, distance) => {
-  const offset = slideOffset(progress, distance);
-  if (progress >= 1) {
-    return jsx(Box, { children });
-  }
-  if (progress <= 0) {
-    return jsx(Box, {});
-  }
-  if (axis === "x") {
-    return jsx(Box, { paddingLeft: sign === 1 ? offset : 0, paddingRight: sign === -1 ? offset : 0, children });
-  }
-  return jsx(Box, { flexDirection: "column", paddingBottom: sign === -1 ? offset : 0, paddingTop: sign === 1 ? offset : 0, children });
-};
-const renderReveal = (progress, children, distance) => {
-  if (progress >= 1) {
-    return jsx(Box, { children });
-  }
-  if (progress <= 0) {
-    return jsx(Box, {});
-  }
-  const rows = Math.max(0, Math.min(distance, Math.round(progress * distance)));
-  return jsx(Box, { flexDirection: "column", height: rows, overflowY: "hidden", children });
-};
-const PRESET_RENDERERS = {
-  fade: renderFade,
-  reveal: renderReveal,
-  "slide-down": renderSlide("y", -1),
-  "slide-left": renderSlide("x", -1),
-  "slide-right": renderSlide("x", 1),
-  "slide-up": renderSlide("y", 1)
-};
-const resolvePhase = (show, progress) => {
-  if (show) {
-    return progress >= 1 ? "entered" : "entering";
-  }
-  return progress <= 0 ? "exited" : "exiting";
-};
-function Transition({ children, distance = 4, duration = 240, onExit, preset = "fade", show = true, tickInterval = 30 }) {
-  const [progress, setProgress] = useState(show ? 1 : 0);
-  const targetRef = useRef(show ? 1 : 0);
-  const startRef = useRef(Date.now());
-  const startProgressRef = useRef(show ? 1 : 0);
-  const completedRef = useRef(!show);
-  const onExitRef = useRef(onExit);
-  onExitRef.current = onExit;
-  const [animationKey, setAnimationKey] = useState(0);
-  useEffect(() => {
-    const target = show ? 1 : 0;
-    if (targetRef.current === target) {
-      return;
-    }
-    targetRef.current = target;
-    startRef.current = Date.now();
-    startProgressRef.current = progress;
-    completedRef.current = false;
-    setAnimationKey((previous) => previous + 1);
-  }, [show]);
-  useEffect(() => {
-    const target = targetRef.current;
-    if (startProgressRef.current === target) {
-      if (target === 0 && !completedRef.current) {
-        completedRef.current = true;
-        onExitRef.current?.();
-      }
-      return void 0;
-    }
-    const id = setInterval(() => {
-      const elapsed = Date.now() - startRef.current;
-      const ratio = duration <= 0 ? 1 : Math.min(1, elapsed / duration);
-      const next = startProgressRef.current + (target - startProgressRef.current) * ratio;
-      setProgress(next);
-      if (ratio >= 1) {
-        clearInterval(id);
-        if (target === 0 && !completedRef.current) {
-          completedRef.current = true;
-          onExitRef.current?.();
-        }
-      }
-    }, tickInterval);
-    return () => {
-      clearInterval(id);
-    };
-  }, [animationKey, duration, tickInterval]);
-  const phase = resolvePhase(show, progress);
-  if (phase === "exited" && !show) {
-    return null;
-  }
-  const renderer = PRESET_RENDERERS[preset];
-  return renderer(progress, children, distance);
-}
-const TransitionWithMarker = Object.assign(Transition, { isAnimatable: true });
-
-export { TransitionWithMarker as default };