motion-start 0.0.3 → 0.1.1

package/dist/render/dom/motion-minimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion-minimal.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/motion-minimal.ts"],"names":[],"mappings":"AACA;;;EAGE;AAWF;;GAEG;AACH,QAAA,IAAI,CAAC,EACwD,CAAC,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,2BAA2B,CAAC,EAAE,OAAO,mBAAmB,EAAE,2BAA2B,KAAK,OAAO,mBAAmB,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC,GAAG,OAAO,kBAAkB,EAAE,oBAAoB,GAAG,OAAO,iBAAiB,EAAE,mBAAmB,CAAA;AAElX,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC"}
+{"version":3,"file":"motion-minimal.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/motion-minimal.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAUF;;GAEG;AACH,QAAA,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAS+klF,CAAC;kBAAqB,CAAC;iBAAyC,CAAC;yBAA8D,CAAC;uBAA0B,CAAC;oBAAwB,CAAC;;kBAA0G,CAAC;;;;;;;;;;;;;;;;;;;wBAA4X,QAAQ;;CAT7rmF,CAAC;AAQ3D,OAAO,EAAE,CAAC,EAAE,CAAC"}

package/dist/render/dom/motion-minimal.js

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
@@ -7,12 +6,17 @@ Copyright (c) 2018 Framer B.V.
 based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V.
 */
-import { layoutAnimations } from '../../motion/features/layout/index.js';
-//import { createMotionProxy } from './motion-proxy.js';
-import { createMotionClass } from './create-motion-class.js';
+import { animations } from './featureBundle.js';
+import { createMotionProxy } from './motion-proxy.js';
+// import { createMotionClass } from './create-motion-class.js';
 /**
  * @public
  */
-var m = /*@__PURE__*/ //createMotionProxy([MeasureLayout]);
- createMotionClass({ ...layoutAnimations });
-export { m as M };
+var m = /*@__PURE__*/ createMotionProxy({ ...animations });
+// createMotionClass({ ...layoutAnimations }) as unknown as (<Props extends Record<string, any>>(
+// 	Component: string | import('svelte').Component<Props>,
+// 	customMotionComponentConfig?: import('./motion-proxy.js').CustomMotionComponentConfig
+// ) => import('./motion-proxy.js').CustomDomComponent<Props>) &
+// 	import('../html/types.js').HTMLMotionComponents &
+// 	import('../svg/types.js').SVGMotionComponents;
+export { m };

package/dist/render/dom/motion-proxy.d.ts

@@ -2,8 +2,8 @@
 based on framer-motion@4.1.17,
 Copyright (c) 2018 Framer B.V.
 */
-import type { MotionComponentConfig } from "../../motion/index.js";
-import type { MotionProps } from "../../motion/types.js";
+import type { MotionComponentConfig } from '../../motion/index.js';
+import type { MotionProps } from '../../motion/types.js';
 /**
  * I'd rather the return type of `custom` to be implicit but this throws
  * incorrect relative paths in the exported types and API Extractor throws
@@ -11,11 +11,11 @@ import type { MotionProps } from "../../motion/types.js";
  *
  * @internal
  */
-export type CustomDomComponent<Props> = React.ForwardRefExoticComponent<React.PropsWithoutRef<Props & MotionProps> & React.RefAttributes<SVGElement | HTMLElement>>;
+export type CustomDomComponent<Props extends Record<string, any>> = Component<(Props & MotionProps) | (SVGElement | HTMLElement)>;
 export interface CustomMotionComponentConfig {
     forwardMotionProps?: boolean;
 }
-export type CreateConfig = <Instance, RenderState, Props>(Component: string | React.ComponentType<Props>, config: CustomMotionComponentConfig) => MotionComponentConfig<Instance, RenderState>;
+export type CreateConfig = <Instance, RenderState, Props extends Record<string, any>>(Component: string | Component<Props>, config: CustomMotionComponentConfig) => MotionComponentConfig<Instance, RenderState>;
 /**
  * Convert any React component into a `motion` component. The provided component
  * **must** use `React.forwardRef` to the underlying DOM component you want to animate.
@@ -36,11 +36,12 @@ Copyright (c) 2018 Framer B.V.
 */
 import type { Component, Snippet } from 'svelte';
 import type { SvelteHTMLElements } from 'svelte/elements';
-type M<Element extends keyof SvelteHTMLElements> = MotionProps & {
-    children: Snippet;
-    class: string;
-} & Omit<SvelteHTMLElements[Element], 'style'>;
-type motion<Element extends keyof SvelteHTMLElements> = Component<M<Element>>;
+import { loadFeatures } from '../../motion/features/definitions.js';
+type MotionComponent<Element extends keyof SvelteHTMLElements> = Component<MotionProps & {
+    children?: Snippet;
+    class?: string;
+    el?: SvelteHTMLElements[Element]['this'];
+} & Omit<SvelteHTMLElements[Element], 'style'>>;
 /**
  * Convert any React component into a `motion` component. The provided component
  * **must** use `React.forwardRef` to the underlying DOM component you want to animate.
@@ -55,191 +56,8 @@ type motion<Element extends keyof SvelteHTMLElements> = Component<M<Element>>;
  *
  * @public
  */
-declare function createMotionProxy(): {
-    [P in keyof SvelteHTMLElements]: motion<P>;
+declare function createMotionProxy(features: Parameters<typeof loadFeatures>[0]): {
+    [P in keyof SvelteHTMLElements]: MotionComponent<P>;
 };
-declare const M: {
-    [x: string]: motion<string>;
-    a: motion<"a">;
-    abbr: motion<"abbr">;
-    address: motion<"address">;
-    area: motion<"area">;
-    article: motion<"article">;
-    aside: motion<"aside">;
-    audio: motion<"audio">;
-    b: motion<"b">;
-    base: motion<"base">;
-    bdi: motion<"bdi">;
-    bdo: motion<"bdo">;
-    big: motion<"big">;
-    blockquote: motion<"blockquote">;
-    body: motion<"body">;
-    br: motion<"br">;
-    button: motion<"button">;
-    canvas: motion<"canvas">;
-    caption: motion<"caption">;
-    cite: motion<"cite">;
-    code: motion<"code">;
-    col: motion<"col">;
-    colgroup: motion<"colgroup">;
-    data: motion<"data">;
-    datalist: motion<"datalist">;
-    dd: motion<"dd">;
-    del: motion<"del">;
-    details: motion<"details">;
-    dfn: motion<"dfn">;
-    dialog: motion<"dialog">;
-    div: motion<"div">;
-    dl: motion<"dl">;
-    dt: motion<"dt">;
-    em: motion<"em">;
-    embed: motion<"embed">;
-    fieldset: motion<"fieldset">;
-    figcaption: motion<"figcaption">;
-    figure: motion<"figure">;
-    footer: motion<"footer">;
-    form: motion<"form">;
-    h1: motion<"h1">;
-    h2: motion<"h2">;
-    h3: motion<"h3">;
-    h4: motion<"h4">;
-    h5: motion<"h5">;
-    h6: motion<"h6">;
-    head: motion<"head">;
-    header: motion<"header">;
-    hgroup: motion<"hgroup">;
-    hr: motion<"hr">;
-    html: motion<"html">;
-    i: motion<"i">;
-    iframe: motion<"iframe">;
-    img: motion<"img">;
-    input: motion<"input">;
-    ins: motion<"ins">;
-    kbd: motion<"kbd">;
-    keygen: motion<"keygen">;
-    label: motion<"label">;
-    legend: motion<"legend">;
-    li: motion<"li">;
-    link: motion<"link">;
-    main: motion<"main">;
-    map: motion<"map">;
-    mark: motion<"mark">;
-    menu: motion<"menu">;
-    menuitem: motion<"menuitem">;
-    meta: motion<"meta">;
-    meter: motion<"meter">;
-    nav: motion<"nav">;
-    noscript: motion<"noscript">;
-    object: motion<"object">;
-    ol: motion<"ol">;
-    optgroup: motion<"optgroup">;
-    option: motion<"option">;
-    output: motion<"output">;
-    p: motion<"p">;
-    param: motion<"param">;
-    picture: motion<"picture">;
-    pre: motion<"pre">;
-    progress: motion<"progress">;
-    q: motion<"q">;
-    rp: motion<"rp">;
-    rt: motion<"rt">;
-    ruby: motion<"ruby">;
-    s: motion<"s">;
-    samp: motion<"samp">;
-    slot: motion<"slot">;
-    script: motion<"script">;
-    section: motion<"section">;
-    select: motion<"select">;
-    small: motion<"small">;
-    source: motion<"source">;
-    span: motion<"span">;
-    strong: motion<"strong">;
-    style: motion<"style">;
-    sub: motion<"sub">;
-    summary: motion<"summary">;
-    sup: motion<"sup">;
-    table: motion<"table">;
-    template: motion<"template">;
-    tbody: motion<"tbody">;
-    td: motion<"td">;
-    textarea: motion<"textarea">;
-    tfoot: motion<"tfoot">;
-    th: motion<"th">;
-    thead: motion<"thead">;
-    time: motion<"time">;
-    title: motion<"title">;
-    tr: motion<"tr">;
-    track: motion<"track">;
-    u: motion<"u">;
-    ul: motion<"ul">;
-    var: motion<"var">;
-    video: motion<"video">;
-    wbr: motion<"wbr">;
-    webview: motion<"webview">;
-    svg: motion<"svg">;
-    animate: motion<"animate">;
-    animateMotion: motion<"animateMotion">;
-    animateTransform: motion<"animateTransform">;
-    circle: motion<"circle">;
-    clipPath: motion<"clipPath">;
-    defs: motion<"defs">;
-    desc: motion<"desc">;
-    ellipse: motion<"ellipse">;
-    feBlend: motion<"feBlend">;
-    feColorMatrix: motion<"feColorMatrix">;
-    feComponentTransfer: motion<"feComponentTransfer">;
-    feComposite: motion<"feComposite">;
-    feConvolveMatrix: motion<"feConvolveMatrix">;
-    feDiffuseLighting: motion<"feDiffuseLighting">;
-    feDisplacementMap: motion<"feDisplacementMap">;
-    feDistantLight: motion<"feDistantLight">;
-    feDropShadow: motion<"feDropShadow">;
-    feFlood: motion<"feFlood">;
-    feFuncA: motion<"feFuncA">;
-    feFuncB: motion<"feFuncB">;
-    feFuncG: motion<"feFuncG">;
-    feFuncR: motion<"feFuncR">;
-    feGaussianBlur: motion<"feGaussianBlur">;
-    feImage: motion<"feImage">;
-    feMerge: motion<"feMerge">;
-    feMergeNode: motion<"feMergeNode">;
-    feMorphology: motion<"feMorphology">;
-    feOffset: motion<"feOffset">;
-    fePointLight: motion<"fePointLight">;
-    feSpecularLighting: motion<"feSpecularLighting">;
-    feSpotLight: motion<"feSpotLight">;
-    feTile: motion<"feTile">;
-    feTurbulence: motion<"feTurbulence">;
-    filter: motion<"filter">;
-    foreignObject: motion<"foreignObject">;
-    g: motion<"g">;
-    image: motion<"image">;
-    line: motion<"line">;
-    linearGradient: motion<"linearGradient">;
-    marker: motion<"marker">;
-    mask: motion<"mask">;
-    metadata: motion<"metadata">;
-    mpath: motion<"mpath">;
-    path: motion<"path">;
-    pattern: motion<"pattern">;
-    polygon: motion<"polygon">;
-    polyline: motion<"polyline">;
-    radialGradient: motion<"radialGradient">;
-    rect: motion<"rect">;
-    stop: motion<"stop">;
-    switch: motion<"switch">;
-    symbol: motion<"symbol">;
-    text: motion<"text">;
-    textPath: motion<"textPath">;
-    tspan: motion<"tspan">;
-    use: motion<"use">;
-    view: motion<"view">;
-    'svelte:window': motion<"svelte:window">;
-    'svelte:document': motion<"svelte:document">;
-    'svelte:body': motion<"svelte:body">;
-    'svelte:fragment': motion<"svelte:fragment">;
-    'svelte:options': motion<"svelte:options">;
-    'svelte:head': motion<"svelte:head">;
-};
-export { M, createMotionProxy };
+export { createMotionProxy };
 //# sourceMappingURL=motion-proxy.d.ts.map

package/dist/render/dom/motion-proxy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion-proxy.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/motion-proxy.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,CAAC,KAAK,IAAI,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,KAAK,GAAG,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC;AACpK,MAAM,WAAW,2BAA2B;IACxC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AACD,MAAM,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,2BAA2B,KAAK,qBAAqB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAC/L;;;;;;;;;;;;;GAaG;AAIH;;;EAGE;AACF,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAI1D,KAAK,CAAC,CAAC,OAAO,SAAS,MAAM,kBAAkB,IAAI,WAAW,GAAG;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC;AACjJ,KAAK,MAAM,CAAC,OAAO,SAAS,MAAM,kBAAkB,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9E;;;;;;;;;;;;;GAaG;AACH,iBAAS,iBAAiB,IAAI;KAAG,CAAC,IAAI,MAAM,kBAAkB,GAAG,MAAM,CAAC,CAAC,CAAC;CAAE,CAyC3E;AAED,QAAA,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAsB,CAAC;AAE9B,OAAO,EAAE,CAAC,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"motion-proxy.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/motion-proxy.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,SAAS,CAC5E,CAAC,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,UAAU,GAAG,WAAW,CAAC,CAClD,CAAC;AACF,MAAM,WAAW,2BAA2B;IAC3C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B;AACD,MAAM,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnF,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,EACpC,MAAM,EAAE,2BAA2B,KAC/B,qBAAqB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAClD;;;;;;;;;;;;;GAaG;AAGH;;;EAGE;AACF,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,KAAK,eAAe,CAAC,OAAO,SAAS,MAAM,kBAAkB,IAAI,SAAS,CACzE,WAAW,GAAG;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;CACzC,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAC9C,CAAC;AACF;;;;;;;;;;;;;GAaG;AACH,iBAAS,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG;KACxE,CAAC,IAAI,MAAM,kBAAkB,GAAG,eAAe,CAAC,CAAC,CAAC;CACnD,CAuCA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/render/dom/motion-proxy.js

@@ -1,5 +1,6 @@
-import Mo from './M.svelte';
 import { isSVGComponent } from './utils/is-svg-component.js';
+import MotionProxy from './Motion-Proxy.svelte';
+import { loadFeatures } from '../../motion/features/definitions.js';
 /**
  * Convert any React component into a `motion` component. The provided component
  * **must** use `React.forwardRef` to the underlying DOM component you want to animate.
@@ -14,14 +15,15 @@ import { isSVGComponent } from './utils/is-svg-component.js';
  *
  * @public
  */
-function createMotionProxy() {
+function createMotionProxy(features) {
+    features && loadFeatures(features);
     return new Proxy({}, {
         get(_target, key) {
             let type = false;
             if (key.toString().slice(0, 1) === key.toString().slice(0, 1).toLowerCase()) {
                 type = isSVGComponent(key);
             }
-            return new Proxy(Mo, {
+            return new Proxy(MotionProxy, {
                 construct(target, args) {
                     if (!args || !args[0]) {
                         args.push({});
@@ -33,11 +35,11 @@ function createMotionProxy() {
                         args[0].props.___tag = key;
                         args[0].props.isSVG = type;
                     }
-                    console.log(target, args);
+                    // @ts-expect-error
                     return new target(...args);
                 },
                 // support svelte 5
-                apply(target, thisArg, args) {
+                apply(target, _thisArg, args) {
                     if (!args[1]) {
                         args[1] = { ___tag: key, isSVG: type };
                     }
@@ -45,11 +47,11 @@ function createMotionProxy() {
                         args[1].___tag = key;
                         args[1].isSVG = type;
                     }
+                    // @ts-expect-error
                     return target(...args);
                 },
             });
         },
     });
 }
-const M = createMotionProxy();
-export { M, createMotionProxy };
+export { createMotionProxy };