@humanspeak/svelte-motion 0.1.10 → 0.1.14

package/dist/html/A.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="a" {...rest}>
+<MotionContainer bind:ref tag="a" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Abbr.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="abbr" {...rest}>
+<MotionContainer bind:ref tag="abbr" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Address.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="address" {...rest}>
+<MotionContainer bind:ref tag="address" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Animate.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="animate" {...rest}>
+<MotionContainer bind:ref tag="animate" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Animatemotion.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="animatemotion" {...rest}>
+<MotionContainer bind:ref tag="animatemotion" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Animatetransform.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="animatetransform" {...rest}>
+<MotionContainer bind:ref tag="animatetransform" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Area.svelte

@@ -2,7 +2,7 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLVoidElementProps } from '../types'
 
-    let { ...rest }: HTMLVoidElementProps = $props()
+    let { ref = $bindable(null), ...rest }: HTMLVoidElementProps = $props()
 </script>
 
-<MotionContainer tag="area" {...rest} />
+<MotionContainer bind:ref tag="area" {...rest} />

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

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

package/dist/html/Article.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="article" {...rest}>
+<MotionContainer bind:ref tag="article" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Aside.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="aside" {...rest}>
+<MotionContainer bind:ref tag="aside" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Audio.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="audio" {...rest}>
+<MotionContainer bind:ref tag="audio" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/B.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="b" {...rest}>
+<MotionContainer bind:ref tag="b" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Base.svelte

@@ -2,7 +2,7 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLVoidElementProps } from '../types'
 
-    let { ...rest }: HTMLVoidElementProps = $props()
+    let { ref = $bindable(null), ...rest }: HTMLVoidElementProps = $props()
 </script>
 
-<MotionContainer tag="base" {...rest} />
+<MotionContainer bind:ref tag="base" {...rest} />

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

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

package/dist/html/Bdi.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="bdi" {...rest}>
+<MotionContainer bind:ref tag="bdi" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Bdo.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="bdo" {...rest}>
+<MotionContainer bind:ref tag="bdo" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Blockquote.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="blockquote" {...rest}>
+<MotionContainer bind:ref tag="blockquote" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Br.svelte

@@ -2,7 +2,7 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLVoidElementProps } from '../types'
 
-    let { ...rest }: HTMLVoidElementProps = $props()
+    let { ref = $bindable(null), ...rest }: HTMLVoidElementProps = $props()
 </script>
 
-<MotionContainer tag="br" {...rest} />
+<MotionContainer bind:ref tag="br" {...rest} />

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

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

package/dist/html/Button.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="button" {...rest}>
+<MotionContainer bind:ref tag="button" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Canvas.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="canvas" {...rest}>
+<MotionContainer bind:ref tag="canvas" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Caption.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="caption" {...rest}>
+<MotionContainer bind:ref tag="caption" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Circle.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="circle" {...rest}>
+<MotionContainer bind:ref tag="circle" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Cite.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="cite" {...rest}>
+<MotionContainer bind:ref tag="cite" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Clippath.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="clippath" {...rest}>
+<MotionContainer bind:ref tag="clippath" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Code.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="code" {...rest}>
+<MotionContainer bind:ref tag="code" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Col.svelte

@@ -2,7 +2,7 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLVoidElementProps } from '../types'
 
-    let { ...rest }: HTMLVoidElementProps = $props()
+    let { ref = $bindable(null), ...rest }: HTMLVoidElementProps = $props()
 </script>
 
-<MotionContainer tag="col" {...rest} />
+<MotionContainer bind:ref tag="col" {...rest} />

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

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

package/dist/html/Colgroup.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="colgroup" {...rest}>
+<MotionContainer bind:ref tag="colgroup" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Cursor.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="cursor" {...rest}>
+<MotionContainer bind:ref tag="cursor" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Data.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="data" {...rest}>
+<MotionContainer bind:ref tag="data" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Datalist.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="datalist" {...rest}>
+<MotionContainer bind:ref tag="datalist" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Dd.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="dd" {...rest}>
+<MotionContainer bind:ref tag="dd" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Defs.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="defs" {...rest}>
+<MotionContainer bind:ref tag="defs" {...rest}>
     {@render children?.()}
 </MotionContainer>

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

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

package/dist/html/Del.svelte

@@ -2,9 +2,9 @@
     import MotionContainer from './_MotionContainer.svelte'
     import type { HTMLElementProps } from '../types'
 
-    let { children, ...rest }: HTMLElementProps = $props()
+    let { children, ref = $bindable(null), ...rest }: HTMLElementProps = $props()
 </script>
 
-<MotionContainer tag="del" {...rest}>
+<MotionContainer bind:ref tag="del" {...rest}>
     {@render children?.()}
 </MotionContainer>