@visulima/tui 1.0.7 → 2.0.0

package/dist/components/text-input.d.ts

@@ -1,48 +0,0 @@
-import { ReactElement } from 'react';
-type Props = {
-  /** @default "" */
-  readonly defaultValue?: string;
-  /**
-  * When true, all input is ignored and text is dimmed.
-  * @default false
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * When true, renders asterisks instead of the actual characters.
-  * @default false
-  */
-  readonly mask?: boolean;
-  /**
-  * Fires on every keystroke with the updated text.
-  */
-  readonly onChange?: (value: string) => void;
-  /**
-  * Fires when the user presses Enter.
-  */
-  readonly onSubmit?: (value: string) => void;
-  /**
-  * Greyed-out text shown when the input is empty.
-  */
-  readonly placeholder?: string;
-  /**
-  * Autocomplete candidates. The first case-sensitive prefix match is shown
-  * dimmed after the current input. Press right-arrow or Enter to accept.
-  */
-  readonly suggestions?: ReadonlyArray<string>;
-};
-/**
-* A single-line text input with cursor navigation, optional placeholder,
-* autocomplete suggestions, and password masking.
-*
-* Supports arrow keys, Home/End, Ctrl+A/E, Ctrl+U/K/W, Backspace, Delete.
-*/
-declare function TextInput({
-  defaultValue,
-  isDisabled,
-  mask,
-  onChange,
-  onSubmit,
-  placeholder,
-  suggestions
-}: Props): ReactElement;
-export { Props, TextInput, type Props as TextInputProps, TextInput as default };

package/dist/components/text-input.js

@@ -1 +0,0 @@
-import{jsx as f,jsxs as w}from"react/jsx-runtime";import{useState as q,useRef as k,useCallback as L}from"react";import N from"../ink/hooks/use-input.js";import{i as O}from"../packem_shared/input-utils-BSWCb4F_.js";import{Box as I}from"./box.js";import{Text as h}from"./text.js";const P=/\S+\s*$/,S=(n,r)=>n.length===0||!r?void 0:r.find(t=>t.startsWith(n))?.slice(n.length)??void 0,y=-1,T=(n,r,t,e)=>r.leftArrow?Math.max(0,t-1):r.home||r.ctrl&&n==="a"?0:r.end||r.ctrl&&n==="e"?e:y,V=(n,r,t,e)=>{if(r.backspace&&e>0)return[t.slice(0,e-1)+t.slice(e),e-1];if(r.delete&&e<t.length)return[t.slice(0,e)+t.slice(e+1),e];if(r.ctrl&&n==="u")return[t.slice(e),0];if(r.ctrl&&n==="k")return[t.slice(0,e),e];if(r.ctrl&&n==="w"){const m=t.slice(0,e).replace(P,"");return[m+t.slice(e),m.length]}};function U({defaultValue:n="",isDisabled:r=!1,mask:t=!1,onChange:e,onSubmit:m,placeholder:x,suggestions:b}){const[o,v]=q(n),[d,u]=q(n.length),A=k(o);A.current=o;const M=k(d);M.current=d;const g=k(e);g.current=e;const j=k(m);j.current=m;const B=S(o,b),z=L((p,a)=>{const{current:s}=M,c=A.current;if(a.return){const i=S(c,b),l=i?c+i:c;i&&(v(l),u(l.length),g.current?.(l)),j.current?.(l);return}if(a.escape)return;if(a.rightArrow){const i=S(c,b);if(s===c.length&&i){const l=c+i;v(l),u(l.length),g.current?.(l);return}u(Math.min(c.length,s+1));return}const D=T(p,a,s,c.length);if(D!==y){u(D);return}const R=V(p,a,c,s);if(R){const[i,l]=R;v(i),u(l),g.current?.(i);return}if(O(p,a)){const i=c.slice(0,s)+p+c.slice(s);v(i),u(s+p.length),g.current?.(i)}},[b]);N(z,{isActive:!r});const C=t?"*".repeat(o.length):o,E=C.slice(0,d),F=C[d],H=C.slice(d+1);return r?f(I,{children:f(h,{dimColor:!0,children:C||x||""})}):o.length===0&&x?w(I,{children:[f(h,{dimColor:!0,inverse:!0,children:x[0]}),f(h,{dimColor:!0,children:x.slice(1)})]}):w(I,{children:[w(h,{children:[E,f(h,{inverse:!0,children:F??" "}),H]}),B?f(h,{dimColor:!0,children:B}):void 0]})}export{U as TextInput,U as default};

package/dist/components/textarea.d.ts

@@ -1,68 +0,0 @@
-import { ReactElement } from 'react';
-type Props = {
-  /** @default "" */
-  readonly defaultValue?: string;
-  /**
-  * When true, all input is ignored and text is dimmed.
-  * @default false
-  */
-  readonly isDisabled?: boolean;
-  /**
-  * When true, the component responds to keyboard input.
-  * @default true
-  */
-  readonly isFocused?: boolean;
-  /**
-  * Maximum visible rows before viewport scrolling kicks in.
-  * When set, the textarea will grow from `rows` to `maxRows` before scrolling.
-  */
-  readonly maxRows?: number;
-  /**
-  * Fires on every edit with the updated text.
-  */
-  readonly onChange?: (value: string) => void;
-  /**
-  * Fires when the user presses Meta+Enter or Ctrl+Enter.
-  */
-  readonly onSubmit?: (value: string) => void;
-  /**
-  * Greyed-out text shown when the textarea is empty.
-  */
-  readonly placeholder?: string;
-  /**
-  * Number of visible rows (viewport height).
-  * @default 5
-  */
-  readonly rows?: number;
-  /**
-  * Show line numbers in the left gutter.
-  * @default false
-  */
-  readonly showLineNumbers?: boolean;
-  /**
-  * Number of spaces inserted for a Tab key press.
-  * @default 2
-  */
-  readonly tabSize?: number;
-};
-/**
-* A multi-line text input with cursor navigation, selection, clipboard, undo/redo,
-* paste support, and viewport scrolling.
-*
-* ```tsx
-* <Textarea defaultValue="Hello\nWorld" rows={10} onChange={setValue} onSubmit={handleSubmit} />
-* ```
-*/
-declare function Textarea({
-  defaultValue,
-  isDisabled,
-  isFocused,
-  maxRows,
-  onChange,
-  onSubmit,
-  placeholder,
-  rows,
-  showLineNumbers,
-  tabSize
-}: Props): ReactElement;
-export { Props, Textarea, type Props as TextareaProps, Textarea as default };

package/dist/components/textarea.js

@@ -1,2 +0,0 @@
-import{jsx as l,jsxs as m,Fragment as x}from"react/jsx-runtime";import{useRef as T,useState as I,useEffect as B,useMemo as W,useCallback as F}from"react";import G from"../ink/hooks/use-clipboard.js";import H from"../ink/hooks/use-input.js";import N from"../ink/hooks/use-paste.js";import O from"../ink/hooks/use-text-buffer.js";import{i as P}from"../packem_shared/input-utils-BSWCb4F_.js";import{Box as C}from"./box.js";import{Text as o}from"./text.js";const Q=(i,c)=>c.line<i.line||c.line===i.line&&c.col<i.col?{endCol:i.col,endLine:i.line,startCol:c.col,startLine:c.line}:{endCol:c.col,endLine:c.line,startCol:i.col,startLine:i.line};function rr({defaultValue:i="",isDisabled:c=!1,isFocused:g=!0,maxRows:d,onChange:v,onSubmit:h,placeholder:p,rows:a=5,showLineNumbers:f=!1,tabSize:L=2}){const n=O(i),S=T(n);S.current=n;const{copy:u}=G(),[s,A]=I(0),E=T(v);E.current=v;const k=T(h);k.current=h;const D=T(i);B(()=>{n.value!==D.current&&(D.current=n.value,E.current?.(n.value))},[n.value]);const w=W(()=>d?Math.min(Math.max(a,n.lines.length),d):a,[a,d,n.lines.length]);B(()=>{A(t=>n.cursor.line<t?n.cursor.line:n.cursor.line>=t+w?n.cursor.line-w+1:t)},[n.cursor.line,w]);const M=F((t,r)=>{const e=S.current;if(r.return&&(r.meta||r.ctrl)){k.current?.(e.value);return}if(r.return){e.newline();return}if(r.escape){e.clearSelection();return}if(r.tab){e.insert(" ".repeat(L));return}if(r.ctrl&&t==="z"){e.undo();return}if(r.ctrl&&(t==="y"||r.shift&&t==="Z")){e.redo();return}if(r.ctrl&&t==="c"&&e.hasSelection()){u(e.getSelectedText());return}if(r.ctrl&&(t==="A"||t==="a"&&r.shift)){e.selectAll();return}if(r.upArrow){e.moveCursor("up",r.shift);return}if(r.downArrow){e.moveCursor("down",r.shift);return}if(r.leftArrow){e.moveCursor("left",r.shift);return}if(r.rightArrow){e.moveCursor("right",r.shift);return}if(r.home){r.ctrl?e.moveToStart(r.shift):e.moveToLineStart(r.shift);return}if(r.end){r.ctrl?e.moveToEnd(r.shift):e.moveToLineEnd(r.shift);return}if(r.ctrl&&t==="a"){e.moveToLineStart(r.shift);return}if(r.ctrl&&t==="e"){e.moveToLineEnd(r.shift);return}if(r.backspace){e.deleteBack();return}if(r.delete){e.deleteForward();return}if(r.ctrl&&t==="u"){e.deleteToLineStart();return}if(r.ctrl&&t==="k"){e.deleteToLineEnd();return}if(r.ctrl&&t==="w"){e.deleteWord();return}P(t,r)&&(e.hasSelection()?e.replaceSelection(t):e.insert(t))},[u,L]);H(M,{isActive:g&&!c});const R=F(t=>{const r=S.current;r.hasSelection()?r.replaceSelection(t):r.insert(t)},[]);N(R,{isActive:g&&!c});const z=n.lines.slice(s,s+w),b=f?String(n.lines.length).length+1:0,j=n.anchor?Q(n.cursor,n.anchor):null;if(c)return l(C,{flexDirection:"column",children:z.map((t,r)=>{const e=s+r;return m(C,{children:[f?m(o,{dimColor:!0,children:[String(e+1).padStart(b)," "]}):void 0,l(o,{dimColor:!0,children:t||(e===0&&p?p:"")})]},e)})});if(n.value.length===0&&p){const t=p.split(`
-`).slice(0,w);return l(C,{flexDirection:"column",children:t.map((r,e)=>m(C,{children:[f?m(o,{dimColor:!0,children:[String(e+1).padStart(b)," "]}):void 0,e===0?m(o,{children:[l(o,{dimColor:!0,inverse:!0,children:r[0]??" "}),l(o,{dimColor:!0,children:r.slice(1)})]}):l(o,{dimColor:!0,children:r})]},e))})}return l(C,{flexDirection:"column",children:z.map((t,r)=>{const e=s+r,y=e===n.cursor.line;return m(C,{children:[f?m(o,{dimColor:!y,children:[String(e+1).padStart(b)," "]}):void 0,l(o,{children:U(t,e,n.cursor,j)})]},e)})})}function U(i,c,g,d){const v=c===g.line,h=v?g.col:-1,p=d&&c>=d.startLine&&c<=d.endLine;if(!p&&!v)return l(x,{children:i});if(!p){const u=i.slice(0,h),s=i[h],A=i.slice(h+1);return m(x,{children:[u,l(o,{inverse:!0,children:s??" "}),A]})}const a=c===d.startLine?d.startCol:0,f=c===d.endLine?d.endCol:i.length,L=i.slice(0,a),n=i.slice(a,f),S=i.slice(f);if(v&&(h<a||h>=f)){const u=[];let s=0;return h<a?(u.push(l(o,{children:i.slice(0,h)},s++)),u.push(l(o,{inverse:!0,children:i[h]??" "},s++)),u.push(l(o,{children:i.slice(h+1,a)},s++)),u.push(l(o,{inverse:!0,children:n},s++)),u.push(l(o,{children:S},s++))):(u.push(l(o,{children:L},s++)),u.push(l(o,{inverse:!0,children:n},s++)),u.push(l(o,{children:i.slice(f,h)},s++)),u.push(l(o,{inverse:!0,children:i[h]??" "},s++)),u.push(l(o,{children:i.slice(h+1)},s++))),l(x,{children:u})}return m(x,{children:[L,l(o,{inverse:!0,children:n}),S]})}export{rr as Textarea,rr as default};

package/dist/components/timer.d.ts

@@ -1,59 +0,0 @@
-import { Ref, ReactElement } from 'react';
-import { UseTimerResult } from "../ink/hooks/use-timer.js";
-type TimerRef = Omit<UseTimerResult, "isFinished" | "isRunning" | "remaining">;
-type Props = {
-  /**
-  * Whether to start the timer immediately.
-  * @default false
-  */
-  readonly autoStart?: boolean;
-  /**
-  * Make the rendered text bold.
-  */
-  readonly bold?: boolean;
-  /**
-  * Text color for the rendered time.
-  */
-  readonly color?: string;
-  /**
-  * Total countdown duration in milliseconds.
-  */
-  readonly duration: number;
-  /**
-  * Custom formatter for the remaining time.
-  * Receives remaining milliseconds, returns a display string.
-  * @default formatDuration (MM:SS or HH:MM:SS)
-  */
-  readonly format?: (remaining: number) => string;
-  /**
-  * Tick interval in milliseconds.
-  * @default 1000
-  */
-  readonly interval?: number;
-  /**
-  * Called once when the timer reaches zero.
-  */
-  readonly onTimeout?: () => void;
-  readonly ref?: Ref<TimerRef>;
-};
-/**
-* A countdown timer component.
-*
-* Exposes `start`, `stop`, `toggle`, and `reset` methods via ref.
-*
-* ```tsx
-* const ref = useRef&lt;TimerRef>(null);
-* &lt;Timer ref={ref} duration={60_000} autoStart />
-* ```
-*/
-declare const Timer: ({
-  autoStart,
-  bold,
-  color,
-  duration,
-  format,
-  interval,
-  onTimeout,
-  ref
-}: Props) => ReactElement;
-export { Props, Timer, type Props as TimerProps, TimerRef, Timer as default };

package/dist/components/timer.js

@@ -1 +0,0 @@
-import{jsx as l}from"react/jsx-runtime";import{useImperativeHandle as f}from"react";import p from"../ink/hooks/use-timer.js";import{f as u}from"../packem_shared/format-time-fjoQHMxD.js";import{Text as d}from"./text.js";const b=({autoStart:o,bold:r,color:e,duration:a,format:i=u,interval:m,onTimeout:s,ref:n})=>{const t=p({autoStart:o,duration:a,interval:m,onTimeout:s});return f(n,()=>({reset:t.reset,start:t.start,stop:t.stop,toggle:t.toggle}),[t.reset,t.start,t.stop,t.toggle]),l(d,{bold:r,color:e,children:i(t.remaining)})};export{b as Timer,b as default};

package/dist/components/toast.d.ts

@@ -1,49 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-import { V as Variant } from "../packem_shared/variant-config.d-D5NnrrQK.js";
-type ToastVariant = Variant;
-type Props = {
-  /**
-  * Toast body.
-  */
-  readonly children: ReactNode;
-  /**
-  * Milliseconds to display before auto-dismissing. Use `0` to disable.
-  * @default 4000
-  */
-  readonly duration?: number;
-  /**
-  * Called after the toast dismisses itself.
-  */
-  readonly onDismiss?: () => void;
-  /**
-  * Optional title rendered before the body.
-  */
-  readonly title?: string;
-  /**
-  * Visual variant determining the icon and border color.
-  * @default "info"
-  */
-  readonly variant?: ToastVariant;
-  /**
-  * Manually control visibility. When provided, `duration` is ignored.
-  */
-  readonly visible?: boolean;
-  /**
-  * Optional width override.
-  */
-  readonly width?: number;
-};
-/**
-* Ephemeral notification. Disappears automatically after `duration` ms.
-* @returns A bordered `ReactElement` while visible; `null` once dismissed.
-*/
-declare function Toast({
-  children,
-  duration,
-  onDismiss,
-  title,
-  variant,
-  visible,
-  width
-}: Props): ReactElement | null;
-export { Props, Toast, type Props as ToastProps, ToastVariant, Toast as default };

package/dist/components/toast.js

@@ -1 +0,0 @@
-import{jsxs as c,jsx as t}from"react/jsx-runtime";import{useState as v,useRef as T,useEffect as w}from"react";import{Box as u}from"./box.js";import{Text as i}from"./text.js";import{o as g}from"../packem_shared/variant-config-BJqpNo7H.js";function B({children:f,duration:r=4e3,onDismiss:n,title:l,variant:m="info",visible:o,width:a}){const[p,h]=v(!0),e=o??p,d=T(n);if(d.current=n,w(()=>{if(o!==void 0||r<=0||!e)return;const b=setTimeout(()=>{h(!1),d.current?.()},r);return()=>{clearTimeout(b)}},[r,o,e]),!e)return null;const{color:s,icon:x}=g[m];return c(u,{borderColor:s,borderStyle:"round",gap:1,paddingX:1,width:a,children:[t(i,{color:s,children:x}),c(u,{flexDirection:"column",flexGrow:1,children:[l===void 0?void 0:t(i,{bold:!0,children:l}),t(i,{children:f})]})]})}export{B as Toast,B as default};

package/dist/components/tooltip.d.ts

@@ -1,43 +0,0 @@
-import { AnsiColors } from '@visulima/colorize';
-import { ReactNode, ReactElement } from 'react';
-import { LiteralUnion } from 'type-fest';
-type TooltipPlacement = "bottom" | "left" | "right" | "top";
-type Props = {
-  /**
-  * The element the tooltip is attached to.
-  */
-  readonly children: ReactNode;
-  /**
-  * Border color.
-  * @default "gray"
-  */
-  readonly color?: LiteralUnion<AnsiColors, string>;
-  /**
-  * Tooltip body content.
-  */
-  readonly content: ReactNode;
-  /**
-  * Controls whether the tooltip is rendered.
-  * @default true
-  */
-  readonly isVisible?: boolean;
-  /**
-  * Relative position. Terminal rendering does not support floating layers,
-  * so the tooltip is placed inline next to (or above / below) the anchor.
-  * @default "right"
-  */
-  readonly placement?: TooltipPlacement;
-};
-/**
-* Renders supplementary text next to an anchor. Because terminals don't have
-* a floating-layer concept, the tooltip lives inline in the layout. Hide it
-* by toggling `isVisible`.
-*/
-declare function Tooltip({
-  children,
-  color,
-  content,
-  isVisible,
-  placement
-}: Props): ReactElement;
-export { Props, Tooltip, TooltipPlacement, type Props as TooltipProps, Tooltip as default };

package/dist/components/tooltip.js

@@ -1 +0,0 @@
-import{jsx as o,jsxs as f}from"react/jsx-runtime";import{Box as t}from"./box.js";import{Text as a}from"./text.js";const m={bottom:{flexDirection:"column",orderFirst:!1},left:{flexDirection:"row",orderFirst:!0},right:{flexDirection:"row",orderFirst:!1},top:{flexDirection:"column",orderFirst:!0}};function p({children:c,color:i="gray",content:r,isVisible:s=!0,placement:e="right"}){const{flexDirection:d,orderFirst:n}=m[e],l=s?o(t,{borderColor:i,borderStyle:"round",flexShrink:0,marginLeft:e==="right"?1:0,marginRight:e==="left"?1:0,paddingX:1,children:typeof r=="string"?o(a,{color:i,children:r}):r}):void 0;return f(t,{alignItems:"center",flexDirection:d,children:[n?l:void 0,o(t,{children:c}),n?void 0:l]})}export{p as Tooltip,p as default};

package/dist/components/transition.d.ts

@@ -1,74 +0,0 @@
-import { ReactNode, ReactElement } from 'react';
-type TransitionPreset = "fade" | "reveal" | "slide-down" | "slide-left" | "slide-right" | "slide-up";
-type TransitionPhase = "entered" | "entering" | "exited" | "exiting";
-type Props = {
-  /**
-  * Content to animate.
-  */
-  readonly children: ReactNode;
-  /**
-  * For slide presets, how many characters of offset to animate across.
-  * For the `reveal` preset, the maximum row count to scale through.
-  * @default 4
-  */
-  readonly distance?: number;
-  /**
-  * Duration of both enter and exit transitions, in milliseconds.
-  * @default 240
-  */
-  readonly duration?: number;
-  /**
-  * Called once the exit animation finishes (i.e. the component has fully
-  * transitioned out). AnimatePresence uses this to unmount the wrapper.
-  */
-  readonly onExit?: () => void;
-  /**
-  * Animation preset controlling how the content appears/disappears.
-  * @default "fade"
-  */
-  readonly preset?: TransitionPreset;
-  /**
-  * Controls the target phase. `true` drives towards `entered`, `false`
-  * drives towards `exited`. Flip the value to trigger animation.
-  * @default true
-  */
-  readonly show?: boolean;
-  /**
-  * Tick interval in milliseconds. Lower values yield smoother animation
-  * at the cost of CPU.
-  * @default 30
-  */
-  readonly tickInterval?: number;
-};
-type TransitionComponent = ((props: Props) => ReactElement | null) & {
-  isAnimatable: true;
-};
-/**
-* Animate a child's entry and exit using a TUI-friendly preset. Drive via
-* `show`; the component toggles between enter and exit, fires `onExit` once
-* the exit animation completes.
-*
-* **Fade preset note:** `dimColor` is only applied when the child is a plain
-* string. Non-string children (Box trees, other components) pass through
-* untouched during the transition — wrap them in `<Text>` if you need the
-* fade effect.
-* @returns A `ReactElement` rendering the transitioning child, or `null`
-* once a hidden transition has fully completed.
-*/
-declare function Transition({
-  children,
-  distance,
-  duration,
-  onExit,
-  preset,
-  show,
-  tickInterval
-}: Props): ReactElement | null;
-/**
-* Static marker used by `AnimatePresence` to recognize Transition children
-* even when the consumer hasn't explicitly passed a `show` prop. Consumers
-* can apply the same marker to their own wrappers (`MyWrapper.isAnimatable
-* = true`) to opt them into animation orchestration.
-*/
-declare const TransitionWithMarker: TransitionComponent;
-export { Props, Transition, TransitionPhase, TransitionPreset, type Props as TransitionProps, TransitionWithMarker as default };

package/dist/components/transition.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as w,useRef as d,useEffect as D}from"react";import{Box as c}from"./box.js";import{Text as b}from"./text.js";const j=(t,r)=>t>=1?e(c,{children:r}):t<=0?e(c,{}):e(c,{children:typeof r=="string"?e(b,{dimColor:t<.7,children:r}):r}),y=(t,r)=>Math.max(0,Math.min(r,Math.round((1-t)*r))),f=(t,r)=>(i,u,h)=>{const n=y(i,h);return i>=1?e(c,{children:u}):i<=0?e(c,{}):t==="x"?e(c,{paddingLeft:r===1?n:0,paddingRight:r===-1?n:0,children:u}):e(c,{flexDirection:"column",paddingBottom:r===-1?n:0,paddingTop:r===1?n:0,children:u})},A=(t,r,i)=>{if(t>=1)return e(c,{children:r});if(t<=0)return e(c,{});const u=Math.max(0,Math.min(i,Math.round(t*i)));return e(c,{flexDirection:"column",height:u,overflowY:"hidden",children:r})},C={fade:j,reveal:A,"slide-down":f("y",-1),"slide-left":f("x",-1),"slide-right":f("x",1),"slide-up":f("y",1)},O=(t,r)=>t?r>=1?"entered":"entering":r<=0?"exited":"exiting";function K({children:t,distance:r=4,duration:i=240,onExit:u,preset:h="fade",show:n=!0,tickInterval:g=30}){const[m,I]=w(n?1:0),x=d(n?1:0),M=d(Date.now()),s=d(n?1:0),a=d(!n),p=d(u);p.current=u;const[k,B]=w(0);if(D(()=>{const o=n?1:0;x.current!==o&&(x.current=o,M.current=Date.now(),s.current=m,a.current=!1,B(l=>l+1))},[n]),D(()=>{const o=x.current;if(s.current===o){o===0&&!a.current&&(a.current=!0,p.current?.());return}const l=setInterval(()=>{const R=Date.now()-M.current,v=i<=0?1:Math.min(1,R/i),T=s.current+(o-s.current)*v;I(T),v>=1&&(clearInterval(l),o===0&&!a.current&&(a.current=!0,p.current?.()))},g);return()=>{clearInterval(l)}},[k,i,g]),O(n,m)==="exited"&&!n)return null;const E=C[h];return E(m,t,r)}const Y=Object.assign(K,{isAnimatable:!0});export{K as Transition,Y as default};