@humanspeak/svelte-motion 0.1.3 → 0.1.5

package/README.md

@@ -50,6 +50,37 @@ Svelte Motion supports minimal layout animations via FLIP using the `layout` pro
 - **`layout`**: smoothly animates translation and scale between layout changes (size and position).
 - **`layout="position"`**: only animates translation (no scale).
 
+### Exit Animations (AnimatePresence)
+
+Animate elements as they leave the DOM using `AnimatePresence`. This mirrors Motion’s React API and docs for exit animations ([reference](https://motion.dev/docs/react)).
+
+```svelte
+<script lang="ts">
+    import { motion, AnimatePresence } from '$lib'
+    let show = $state(true)
+</script>
+
+<AnimatePresence>
+    {#if show}
+        <motion.div
+            initial={{ opacity: 0, scale: 0.9 }}
+            animate={{ opacity: 1, scale: 1 }}
+            exit={{ opacity: 0, scale: 0.9 }}
+            transition={{ duration: 0.5 }}
+            class="size-24 rounded-md bg-cyan-400"
+        />
+    {/if}
+</AnimatePresence>
+
+<motion.button whileTap={{ scale: 0.97 }} onclick={() => (show = !show)}>Toggle</motion.button>
+```
+
+- The exit animation is driven by `exit` and will play when the element unmounts.
+- Transition precedence (merged before running exit):
+    - `exit.transition` (highest precedence)
+    - component `transition` (merged with `MotionConfig`)
+    - fallback default `{ duration: 0.35 }`
+
 #### Current Limitations
 
 Some Motion features are not yet implemented:
@@ -84,6 +115,7 @@ This package carefully selects its dependencies to provide a robust and maintain
 | [Fancy Like Button](https://github.com/DRlFTER/fancyLikeButton)                                          | `/tests/random/fancy-like-button`        | [View Example](https://svelte.dev/playground/c34b7e53d41c48b0ab1eaf21ca120c6e?version=5.38.10) |
 | [Keyframes (square → circle → square; scale 1→2→1)](https://motion.dev/docs/react-animation#keyframes)   | `/tests/motion/keyframes`                | [View Example](https://svelte.dev/playground/05595ce0db124c1cbbe4e74fda68d717?version=5.38.10) |
 | [Animated Border Gradient (conic-gradient rotate)](https://www.youtube.com/watch?v=OgQI1-9T6ZA)          | `/tests/random/animated-border-gradient` | [View Example](https://svelte.dev/playground/6983a61b4c35441b8aa72a971de01a23?version=5.38.10) |
+| [Exit Animation](https://motion.dev/docs/react#exit-animations)                                          | `/tests/motion/animate-presence`         | [View Example](https://svelte.dev/playground/ef277e283d864653ace54e7453801601?version=5.38.10) |
 
 ## Interactions
 

package/dist/components/AnimatePresence.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+    import { createAnimatePresenceContext, setAnimatePresenceContext } from '../utils/presence'
+
+    /**
+     * Provide `AnimatePresence` context to descendants.
+     *
+     * Wrap content whose children may be conditionally rendered so exit
+     * animations can run after teardown. When a motion element unmounts, a
+     * styled clone is animated out before being removed from the DOM.
+     *
+     * @prop children Slotted content participating in presence.
+     * @prop onExitComplete Optional callback invoked once all exits complete.
+     */
+    const { children, onExitComplete } = $props<{
+        children?: Snippet
+        onExitComplete?: () => void
+    }>()
+
+    const context = createAnimatePresenceContext({ onExitComplete })
+    setAnimatePresenceContext(context)
+</script>
+
+<div class="animate-presence-container">
+    {@render children?.()}
+</div>
+
+<style>
+    .animate-presence-container {
+        position: relative;
+    }
+</style>

package/dist/components/AnimatePresence.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    children?: Snippet;
+    onExitComplete?: () => void;
+};
+declare const AnimatePresence: import("svelte").Component<$$ComponentProps, {}, "">;
+type AnimatePresence = ReturnType<typeof AnimatePresence>;
+export default AnimatePresence;

package/dist/components/MotionConfig.svelte

@@ -1,8 +1,17 @@
 <script lang="ts">
     import type { Snippet } from 'svelte'
-    import type { MotionConfigProps } from '../types.js'
-    import { createMotionConfig } from './motionConfig.context.js'
+    import type { MotionConfigProps } from '../types'
+    import { createMotionConfig } from './motionConfig.context'
 
+    /**
+     * Provide default Motion configuration to descendants.
+     *
+     * Wraps content and supplies defaults such as `transition` that are merged
+     * with per-element props. Descendants can retrieve config via context.
+     *
+     * @prop transition Default `AnimationOptions` merged with element props.
+     * @prop children Slotted content receiving this configuration.
+     */
     let { transition, children }: MotionConfigProps & { children?: Snippet } = $props()
 
     let motionConfig = $state<MotionConfigProps>({ transition })

package/dist/components/MotionConfig.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import type { MotionConfigProps } from '../types.js';
+import type { MotionConfigProps } from '../types';
 type $$ComponentProps = MotionConfigProps & {
     children?: Snippet;
 };

package/dist/components/motionConfig.context.js

@@ -1,5 +1,5 @@
 import { getContext, setContext } from 'svelte';
-const key = 'motionConfig';
+const key = Symbol('motionConfig');
 export const getMotionConfig = () => {
     return getContext(key);
 };

package/dist/html/A.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/A.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const A: import("svelte").Component<HTMLElementProps, {}, "">;
 type A = ReturnType<typeof A>;
 export default A;

package/dist/html/Abbr.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Abbr.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Abbr: import("svelte").Component<HTMLElementProps, {}, "">;
 type Abbr = ReturnType<typeof Abbr>;
 export default Abbr;

package/dist/html/Address.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Address.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Address: import("svelte").Component<HTMLElementProps, {}, "">;
 type Address = ReturnType<typeof Address>;
 export default Address;

package/dist/html/Animate.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Animate.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Animate: import("svelte").Component<HTMLElementProps, {}, "">;
 type Animate = ReturnType<typeof Animate>;
 export default Animate;

package/dist/html/Animatemotion.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Animatemotion.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Animatemotion: import("svelte").Component<HTMLElementProps, {}, "">;
 type Animatemotion = ReturnType<typeof Animatemotion>;
 export default Animatemotion;

package/dist/html/Animatetransform.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Animatetransform.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Animatetransform: import("svelte").Component<HTMLElementProps, {}, "">;
 type Animatetransform = ReturnType<typeof Animatetransform>;
 export default Animatetransform;

package/dist/html/Area.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLVoidElementProps } from '../types.js'
+    import type { HTMLVoidElementProps } from '../types'
 
     let { ...rest }: HTMLVoidElementProps = $props()
 </script>

package/dist/html/Area.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLVoidElementProps } from '../types.js';
+import type { HTMLVoidElementProps } from '../types';
 declare const Area: import("svelte").Component<HTMLVoidElementProps, {}, "">;
 type Area = ReturnType<typeof Area>;
 export default Area;

package/dist/html/Article.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Article.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Article: import("svelte").Component<HTMLElementProps, {}, "">;
 type Article = ReturnType<typeof Article>;
 export default Article;

package/dist/html/Aside.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Aside.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Aside: import("svelte").Component<HTMLElementProps, {}, "">;
 type Aside = ReturnType<typeof Aside>;
 export default Aside;

package/dist/html/Audio.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Audio.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Audio: import("svelte").Component<HTMLElementProps, {}, "">;
 type Audio = ReturnType<typeof Audio>;
 export default Audio;

package/dist/html/B.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/B.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const B: import("svelte").Component<HTMLElementProps, {}, "">;
 type B = ReturnType<typeof B>;
 export default B;

package/dist/html/Base.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLVoidElementProps } from '../types.js'
+    import type { HTMLVoidElementProps } from '../types'
 
     let { ...rest }: HTMLVoidElementProps = $props()
 </script>

package/dist/html/Base.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLVoidElementProps } from '../types.js';
+import type { HTMLVoidElementProps } from '../types';
 declare const Base: import("svelte").Component<HTMLVoidElementProps, {}, "">;
 type Base = ReturnType<typeof Base>;
 export default Base;

package/dist/html/Bdi.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Bdi.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Bdi: import("svelte").Component<HTMLElementProps, {}, "">;
 type Bdi = ReturnType<typeof Bdi>;
 export default Bdi;

package/dist/html/Bdo.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Bdo.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Bdo: import("svelte").Component<HTMLElementProps, {}, "">;
 type Bdo = ReturnType<typeof Bdo>;
 export default Bdo;

package/dist/html/Blockquote.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Blockquote.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Blockquote: import("svelte").Component<HTMLElementProps, {}, "">;
 type Blockquote = ReturnType<typeof Blockquote>;
 export default Blockquote;

package/dist/html/Br.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLVoidElementProps } from '../types.js'
+    import type { HTMLVoidElementProps } from '../types'
 
     let { ...rest }: HTMLVoidElementProps = $props()
 </script>

package/dist/html/Br.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLVoidElementProps } from '../types.js';
+import type { HTMLVoidElementProps } from '../types';
 declare const Br: import("svelte").Component<HTMLVoidElementProps, {}, "">;
 type Br = ReturnType<typeof Br>;
 export default Br;

package/dist/html/Button.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Button.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Button: import("svelte").Component<HTMLElementProps, {}, "">;
 type Button = ReturnType<typeof Button>;
 export default Button;

package/dist/html/Canvas.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Canvas.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Canvas: import("svelte").Component<HTMLElementProps, {}, "">;
 type Canvas = ReturnType<typeof Canvas>;
 export default Canvas;

package/dist/html/Caption.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Caption.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Caption: import("svelte").Component<HTMLElementProps, {}, "">;
 type Caption = ReturnType<typeof Caption>;
 export default Caption;

package/dist/html/Circle.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Circle.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Circle: import("svelte").Component<HTMLElementProps, {}, "">;
 type Circle = ReturnType<typeof Circle>;
 export default Circle;

package/dist/html/Cite.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Cite.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Cite: import("svelte").Component<HTMLElementProps, {}, "">;
 type Cite = ReturnType<typeof Cite>;
 export default Cite;

package/dist/html/Clippath.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Clippath.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Clippath: import("svelte").Component<HTMLElementProps, {}, "">;
 type Clippath = ReturnType<typeof Clippath>;
 export default Clippath;

package/dist/html/Code.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Code.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Code: import("svelte").Component<HTMLElementProps, {}, "">;
 type Code = ReturnType<typeof Code>;
 export default Code;

package/dist/html/Col.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLVoidElementProps } from '../types.js'
+    import type { HTMLVoidElementProps } from '../types'
 
     let { ...rest }: HTMLVoidElementProps = $props()
 </script>

package/dist/html/Col.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLVoidElementProps } from '../types.js';
+import type { HTMLVoidElementProps } from '../types';
 declare const Col: import("svelte").Component<HTMLVoidElementProps, {}, "">;
 type Col = ReturnType<typeof Col>;
 export default Col;

package/dist/html/Colgroup.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Colgroup.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Colgroup: import("svelte").Component<HTMLElementProps, {}, "">;
 type Colgroup = ReturnType<typeof Colgroup>;
 export default Colgroup;

package/dist/html/Cursor.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Cursor.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Cursor: import("svelte").Component<HTMLElementProps, {}, "">;
 type Cursor = ReturnType<typeof Cursor>;
 export default Cursor;

package/dist/html/Data.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Data.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Data: import("svelte").Component<HTMLElementProps, {}, "">;
 type Data = ReturnType<typeof Data>;
 export default Data;

package/dist/html/Datalist.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Datalist.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Datalist: import("svelte").Component<HTMLElementProps, {}, "">;
 type Datalist = ReturnType<typeof Datalist>;
 export default Datalist;

package/dist/html/Dd.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Dd.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Dd: import("svelte").Component<HTMLElementProps, {}, "">;
 type Dd = ReturnType<typeof Dd>;
 export default Dd;

package/dist/html/Defs.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import MotionContainer from './_MotionContainer.svelte'
-    import type { HTMLElementProps } from '../types.js'
+    import type { HTMLElementProps } from '../types'
 
     let { children, ...rest }: HTMLElementProps = $props()
 </script>

package/dist/html/Defs.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLElementProps } from '../types.js';
+import type { HTMLElementProps } from '../types';
 declare const Defs: import("svelte").Component<HTMLElementProps, {}, "">;
 type Defs = ReturnType<typeof Defs>;
 export default Defs;