motion-start 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/LICENSE.md +0 -0
  2. package/README.md +0 -0
  3. package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte +22 -16
  4. package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts +1 -26
  5. package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts.map +1 -1
  6. package/dist/components/AnimatePresence/PresenceChild/types.d.ts +3 -1
  7. package/dist/components/AnimatePresence/PresenceChild/types.d.ts.map +1 -1
  8. package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte +1 -1
  9. package/dist/components/AnimateSharedLayout/types.d.ts.map +1 -1
  10. package/dist/events/UseDomEvent.svelte +23 -9
  11. package/dist/events/UseDomEvent.svelte.d.ts +4 -26
  12. package/dist/events/UseDomEvent.svelte.d.ts.map +1 -1
  13. package/dist/gestures/drag/UseDrag.svelte +8 -14
  14. package/dist/gestures/drag/UseDrag.svelte.d.ts +6 -30
  15. package/dist/gestures/drag/UseDrag.svelte.d.ts.map +1 -1
  16. package/dist/gestures/drag/VisualElementDragControls.d.ts.map +1 -1
  17. package/dist/gestures/drag/VisualElementDragControls.js +7 -3
  18. package/dist/index.d.ts +3 -3
  19. package/dist/index.d.ts.map +1 -1
  20. package/dist/index.js +2 -3
  21. package/dist/motion/features/Exit.svelte +10 -9
  22. package/dist/motion/features/Exit.svelte.d.ts +6 -30
  23. package/dist/motion/features/Exit.svelte.d.ts.map +1 -1
  24. package/dist/motion/features/layout/Animate.svelte +26 -22
  25. package/dist/motion/features/layout/Animate.svelte.d.ts +2 -1
  26. package/dist/motion/features/layout/Animate.svelte.d.ts.map +1 -1
  27. package/dist/motion/features/types.d.ts +2 -1
  28. package/dist/motion/features/types.d.ts.map +1 -1
  29. package/dist/motion/types.d.ts +1 -1
  30. package/dist/motion/types.d.ts.map +1 -1
  31. package/dist/render/dom/M-type.spec-d.js +2 -2
  32. package/dist/render/dom/Motion-Proxy.svelte +1 -2
  33. package/dist/render/dom/Motion-Proxy.svelte.d.ts.map +1 -1
  34. package/dist/render/dom/Motion-type.spec-d.js +2 -2
  35. package/dist/render/dom/UseRender.svelte +3 -2
  36. package/dist/render/dom/UseRender.svelte.d.ts.map +1 -1
  37. package/dist/render/dom/motion-minimal.d.ts +10 -2
  38. package/dist/render/dom/motion-minimal.d.ts.map +1 -1
  39. package/dist/render/dom/motion-minimal.js +3 -3
  40. package/dist/render/dom/motion.d.ts +10 -2
  41. package/dist/render/dom/motion.d.ts.map +1 -1
  42. package/dist/render/dom/motion.js +1 -1
  43. package/dist/render/html/UseHTMLProps.svelte +13 -18
  44. package/dist/render/html/UseHTMLProps.svelte.d.ts +37 -0
  45. package/dist/render/html/UseHTMLProps.svelte.d.ts.map +1 -0
  46. package/dist/render/html/UseInitialMotionValues.svelte +6 -5
  47. package/dist/render/html/UseInitialMotionValues.svelte.d.ts +6 -34
  48. package/dist/render/html/UseInitialMotionValues.svelte.d.ts.map +1 -1
  49. package/dist/render/html/UseStyle.svelte +4 -2
  50. package/dist/render/html/UseStyle.svelte.d.ts.map +1 -1
  51. package/dist/render/html/types.d.ts +9 -0
  52. package/dist/render/html/types.d.ts.map +1 -1
  53. package/dist/render/html/use-props.d.ts +6 -4
  54. package/dist/render/html/use-props.d.ts.map +1 -1
  55. package/dist/render/html/use-props.js +4 -2
  56. package/dist/render/html/visual-element.d.ts +9 -3
  57. package/dist/render/html/visual-element.d.ts.map +1 -1
  58. package/dist/render/svg/UseSVGProps.svelte +13 -9
  59. package/dist/render/svg/UseSVGProps.svelte.d.ts +5 -37
  60. package/dist/render/svg/UseSVGProps.svelte.d.ts.map +1 -1
  61. package/dist/render/utils/lifecycles.d.ts +1 -1
  62. package/dist/render/utils/lifecycles.d.ts.map +1 -1
  63. package/dist/render/utils/lifecycles.js +5 -5
  64. package/dist/render/utils/state.d.ts.map +1 -1
  65. package/dist/utils/subscription-manager.d.ts +1 -1
  66. package/dist/utils/subscription-manager.d.ts.map +1 -1
  67. package/dist/utils/subscription-manager.js +1 -1
  68. package/dist/value/use-spring.d.ts +2 -2
  69. package/dist/value/use-spring.d.ts.map +1 -1
  70. package/dist/value/use-spring.js +7 -12
  71. package/package.json +91 -94
@@ -1,13 +1,15 @@
1
1
  <!-- based on framer-motion@4.0.3,
2
2
  Copyright (c) 2018 Framer B.V. -->
3
+ <svelte:options runes />
3
4
 
4
5
  <script lang="ts">
5
6
  import { copyRawValuesOnly } from "../html/use-props.js";
6
7
  import { buildSVGAttrs } from "./utils/build-attrs.js";
7
8
  import { createSvgRenderState } from "./utils/create-render-state.js";
8
9
 
9
- export let visualState, props;
10
- let memo = (variantLabelsAsDependency?:string | boolean | undefined) => {
10
+ let { visualState, props, children } = $props();
11
+
12
+ let memo = (variantLabelsAsDependency?: string | boolean | undefined) => {
11
13
  const state = createSvgRenderState();
12
14
  buildSVGAttrs(
13
15
  state,
@@ -22,13 +24,15 @@ Copyright (c) 2018 Framer B.V. -->
22
24
  style: { ...state.style },
23
25
  };
24
26
  };
25
- $: visualProps = memo(visualState);
27
+ const visualProps = $derived(memo(visualState));
26
28
 
27
- $: if (props.style) {
28
- const rawStyles = {};
29
- copyRawValuesOnly(rawStyles, props.style, props);
30
- visualProps.style = { ...rawStyles, ...visualProps.style };
31
- }
29
+ $effect(() => {
30
+ if (props.style) {
31
+ const rawStyles = {};
32
+ copyRawValuesOnly(rawStyles, props.style, props);
33
+ visualProps.style = { ...rawStyles, ...visualProps.style };
34
+ }
35
+ });
32
36
  </script>
33
37
 
34
- <slot {visualProps} />
38
+ {@render children?.(visualProps)}
@@ -1,39 +1,7 @@
1
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
- $$bindings?: Bindings;
4
- } & Exports;
5
- (internal: unknown, props: Props & {
6
- $$events?: Events;
7
- $$slots?: Slots;
8
- }): Exports & {
9
- $set?: any;
10
- $on?: any;
11
- };
12
- z_$$bindings?: Bindings;
13
- }
14
- type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
15
- default: any;
16
- } ? Props extends Record<string, never> ? any : {
17
- children?: any;
18
- } : {});
19
- declare const UseSvgProps: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
20
- visualState: any;
21
- props: any;
22
- }, {
23
- default: {
24
- visualProps: {
25
- style: {};
26
- };
27
- };
28
- }>, {
29
- [evt: string]: CustomEvent<any>;
30
- }, {
31
- default: {
32
- visualProps: {
33
- style: {};
34
- };
35
- };
36
- }, {}, string>;
37
- type UseSvgProps = InstanceType<typeof UseSvgProps>;
1
+ declare const UseSvgProps: import("svelte").Component<{
2
+ visualState: unknown;
3
+ props: unknown;
4
+ children: unknown;
5
+ }, {}, "">;
38
6
  export default UseSvgProps;
39
7
  //# sourceMappingURL=UseSVGProps.svelte.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UseSVGProps.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/svg/UseSVGProps.svelte.ts"],"names":[],"mappings":"AA2CA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;cAAmF,CAAC;AACnF,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"UseSVGProps.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/svg/UseSVGProps.svelte.ts"],"names":[],"mappings":"AA+CA,QAAA,MAAM,WAAW;iBArC2C,OAAO;WAAS,OAAO;cAAY,OAAO;UAqC/C,CAAC;AACxD,eAAe,WAAW,CAAC"}
@@ -117,6 +117,6 @@ export interface LifecycleManager {
117
117
  clearAllListeners: () => void;
118
118
  updatePropListeners: (props: MotionProps) => void;
119
119
  }
120
- declare function createLifecycles(...args: any[]): any;
120
+ declare function createLifecycles(): any;
121
121
  export { createLifecycles };
122
122
  //# sourceMappingURL=lifecycles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"lifecycles.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/lifecycles.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAC9F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,MAAM,MAAM,qBAAqB,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,KAAK,IAAI,CAAC;AACvF,MAAM,MAAM,2BAA2B,GAAG,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;AACtE,MAAM,MAAM,oBAAoB,GAAG,CAClC,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,SAAS,EACrB,MAAM,CAAC,EAAE,2BAA2B,KAChC,IAAI,CAAC;AACV,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,MAAM,IAAI,CAAC;AAChD,MAAM,MAAM,yBAAyB,GAAG,CAAC,UAAU,EAAE,mBAAmB,KAAK,IAAI,CAAC;AAClF,MAAM,MAAM,+BAA+B,GAAG,MAAM,IAAI,CAAC;AACzD,MAAM,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAC;AAC/C,MAAM,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC;AACxC,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;AAC5E;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACvC;;;;OAIG;IACH,mBAAmB,CAAC,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5D,qBAAqB,CAAC,CAAC,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7C,eAAe,CAAC,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3D;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IACxC;;;;;;;;;;;;OAYG;IACH,gBAAgB,CAAC,IAAI,IAAI,CAAC;IAC1B;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,mBAAmB,CAAC,CAAC,UAAU,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC5D;;OAEG;IACH,yBAAyB,CAAC,IAAI,IAAI,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,IAAI,IAAI,CAAC;CACnB;AACD,MAAM,WAAW,gBAAgB;IAChC,eAAe,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,MAAM,IAAI,CAAC;IACjE,mBAAmB,EAAE,qBAAqB,CAAC;IAC3C,qBAAqB,EAAE,CAAC,QAAQ,EAAE,2BAA2B,KAAK,MAAM,IAAI,CAAC;IAC7E,yBAAyB,EAAE,2BAA2B,CAAC;IACvD,cAAc,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,MAAM,IAAI,CAAC;IAC/D,kBAAkB,EAAE,oBAAoB,CAAC;IACzC,mBAAmB,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,MAAM,IAAI,CAAC;IACnE,uBAAuB,EAAE,mBAAmB,CAAC;IAC7C,QAAQ,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,MAAM,IAAI,CAAC;IACnD,YAAY,EAAE,cAAc,CAAC;IAC7B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,sBAAsB,KAAK,MAAM,IAAI,CAAC;IACnE,oBAAoB,EAAE,sBAAsB,CAAC;IAC7C,mBAAmB,EAAE,CAAC,QAAQ,EAAE,yBAAyB,KAAK,MAAM,IAAI,CAAC;IACzE,uBAAuB,EAAE,yBAAyB,CAAC;IACnD,yBAAyB,EAAE,CAAC,QAAQ,EAAE,+BAA+B,KAAK,MAAM,IAAI,CAAC;IACrF,6BAA6B,EAAE,+BAA+B,CAAC;IAC/D,eAAe,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,MAAM,IAAI,CAAC;IACjE,mBAAmB,EAAE,qBAAqB,CAAC;IAC3C,QAAQ,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,MAAM,IAAI,CAAC;IACnD,YAAY,EAAE,cAAc,CAAC;IAC7B,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IAChD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD;AAqBD,iBAAS,gBAAgB,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,OAyBvC;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"lifecycles.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/lifecycles.ts"],"names":[],"mappings":"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"}
@@ -16,7 +16,7 @@ var names = [
16
16
  'SetAxisTarget',
17
17
  'Unmount',
18
18
  ];
19
- function createLifecycles(...args) {
19
+ function createLifecycles() {
20
20
  var managers = names.map(() => new SubscriptionManager());
21
21
  var propSubscriptions = {};
22
22
  var lifecycles = {
@@ -27,16 +27,16 @@ function createLifecycles(...args) {
27
27
  (_a = propSubscriptions[name]) === null || _a === void 0 ? void 0 : _a.call(propSubscriptions);
28
28
  var on = 'on' + name;
29
29
  var propListener = props[on];
30
- if (propListener) { // @ts-expect-error
30
+ if (propListener) {
31
+ // @ts-expect-error
31
32
  propSubscriptions[name] = lifecycles[on](propListener);
32
33
  }
33
34
  }),
34
35
  };
35
36
  managers.forEach((manager, i) => {
36
37
  lifecycles['on' + names[i]] = (handler) => manager.add(handler);
37
- lifecycles['notify' + names[i]] = () => {
38
- const [arg1, arg2, arg3] = args;
39
- return manager.notify.apply(manager, [arg1, arg2, arg3]);
38
+ lifecycles['notify' + names[i]] = (...args) => {
39
+ return manager.notify.apply(manager, args);
40
40
  };
41
41
  });
42
42
  return lifecycles;
@@ -1 +1 @@
1
- {"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/state.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC5E;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;CAC1B;AACD;;;;GAIG;AACH,MAAM,WAAW,WAAW;IACxB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,eAAe,EAAE,SAAS,CAAC;IAC3B;;;;;;OAMG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB;;;;OAIG;IACH,cAAc,EAAE,MAAM,CAAC;CAC1B;AASD,QAAA,IAAI,qBAAqB,wBAKA,CAAC;AAC1B,iBAAS,iBAAiB,IASjB,WAAW,CACnB;AACD,QAAA,IAAI,UAAU,aAAsB,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/utils/state.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC5E;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC7B;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,cAAc,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;CAC1B;AACD;;;;GAIG;AACH,MAAM,WAAW,WAAW;IACxB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,eAAe,EAAE,SAAS,CAAC;IAC3B;;;;;;OAMG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,UAAU,EAAE,QAAQ,CAAC;IACrB;;;;OAIG;IACH,cAAc,EAAE,MAAM,CAAC;CAC1B;AASD,QAAA,IAAI,qBAAqB,QAKpB,gBAAoB,CAAC;AAC1B,iBAAS,iBAAiB,IASjB,WAAW,CACnB;AACD,QAAA,IAAI,UAAU,aAAsB,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,UAAU,EAAE,CAAC"}
@@ -6,7 +6,7 @@ type GenericHandler = (...args: any) => void;
6
6
  declare class SubscriptionManager<Handler extends GenericHandler> {
7
7
  private subscriptions;
8
8
  add: (handler: Handler) => () => void;
9
- notify: (a?: Parameters<Handler>[0], b?: Parameters<Handler>[1], c?: Parameters<Handler>[2]) => void;
9
+ notify: (...[a, b, c]: Parameters<Handler>) => void;
10
10
  getSize: () => number;
11
11
  clear: () => void;
12
12
  }
@@ -1 +1 @@
1
- {"version":3,"file":"subscription-manager.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/utils/subscription-manager.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,KAAK,cAAc,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;AAC7C,cAAM,mBAAmB,CAAC,OAAO,SAAS,cAAc;IACvD,OAAO,CAAC,aAAa,CAA+C;IACpE,GAAG,YAAa,OAAO,gBAKrB;IACF,MAAM,OAAQ,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,UAkB1F;IACF,OAAO,eAEL;IACF,KAAK,aAEH;CACF;AAQD,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
1
+ {"version":3,"file":"subscription-manager.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/utils/subscription-manager.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,KAAK,cAAc,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;AAC7C,cAAM,mBAAmB,CAAC,OAAO,SAAS,cAAc;IACvD,OAAO,CAAC,aAAa,CAA+C;IACpE,GAAG,YAAa,OAAO,gBAKrB;IACF,MAAM,iBAAkB,UAAU,CAAC,OAAO,CAAC,UAkBzC;IACF,OAAO,eAEL;IACF,KAAK,aAEH;CACF;AAQD,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
@@ -21,7 +21,7 @@ class SubscriptionManager {
21
21
  enumerable: true,
22
22
  configurable: true,
23
23
  writable: true,
24
- value: (a, b, c) => {
24
+ value: (...[a, b, c]) => {
25
25
  var numSubscriptions = this.subscriptions.length;
26
26
  if (!numSubscriptions)
27
27
  return;
@@ -2,8 +2,8 @@
2
2
  based on framer-motion@4.1.17,
3
3
  Copyright (c) 2018 Framer B.V.
4
4
  */
5
- import type { SpringOptions } from "popmotion";
6
- import { MotionValue } from ".";
5
+ import type { SpringOptions } from 'popmotion';
6
+ import type { MotionValue } from '.';
7
7
  /**
8
8
  * Creates a `MotionValue` that, when `set`, will use a spring animation to animate to its new state.
9
9
  *
@@ -1 +1 @@
1
- {"version":3,"file":"use-spring.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/value/use-spring.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAehC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,SAAS,WAAY,WAAW,GAAG,MAAM,WAAU,aAAa;WAMgC,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI;CAoCnJ,CAAA"}
1
+ {"version":3,"file":"use-spring.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/value/use-spring.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAerC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,SAAS,WAAY,WAAW,GAAG,MAAM,WAAU,aAAa;WAMpE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI;CAgC/C,CAAC"}
@@ -1,15 +1,14 @@
1
- import { MotionValue } from ".";
2
1
  /**
3
2
  based on framer-motion@4.1.16,
4
3
  Copyright (c) 2018 Framer B.V.
5
4
  */
6
5
  import { fixed } from '../utils/fix-process-env';
7
- import { getContext } from "svelte";
8
- import { MotionConfigContext } from "../context/MotionConfigContext";
6
+ import { getContext } from 'svelte';
7
+ import { MotionConfigContext } from '../context/MotionConfigContext';
9
8
  import { get } from 'svelte/store';
10
- import { useMotionValue } from "./use-motion-value";
11
- import { isMotionValue } from "./utils/is-motion-value";
12
- import { animate } from "popmotion";
9
+ import { useMotionValue } from './use-motion-value';
10
+ import { isMotionValue } from './utils/is-motion-value';
11
+ import { animate } from 'popmotion';
13
12
  /**
14
13
  * Creates a `MotionValue` that, when `set`, will use a spring animation to animate to its new state.
15
14
  *
@@ -32,8 +31,7 @@ import { animate } from "popmotion";
32
31
  export const useSpring = (source, config = {}, isCustom = false) => {
33
32
  const mcc = getContext(MotionConfigContext) || MotionConfigContext(isCustom);
34
33
  let activeSpringAnimation = null;
35
- let value = useMotionValue(isMotionValue(source) ? source.get() : source);
36
- let cleanup;
34
+ const value = useMotionValue(isMotionValue(source) ? source.get() : source);
37
35
  const update = (_source, _config) => {
38
36
  value.attach((v, set) => {
39
37
  const { isStatic } = get(mcc);
@@ -52,10 +50,7 @@ export const useSpring = (source, config = {}, isCustom = false) => {
52
50
  });
53
51
  return value.get();
54
52
  });
55
- cleanup?.();
56
- return isMotionValue(_source) ?
57
- _source.onChange(v => value.set(parseFloat(v))) :
58
- undefined;
53
+ return isMotionValue(_source) ? _source.onChange((v) => value.set(Number.parseFloat(v))) : undefined;
59
54
  };
60
55
  update(source, config);
61
56
  value.reset = update;
package/package.json CHANGED
@@ -1,95 +1,92 @@
1
1
  {
2
- "name": "motion-start",
3
- "version": "0.1.0",
4
- "description": "Svelte animation library inspired by the React library framer-motion.",
5
- "license": "MIT",
6
- "author": {
7
- "name": "JonathonRP",
8
- "url": "https://github.com/JonathonRP"
9
- },
10
- "repository": {
11
- "type": "git",
12
- "ur": "https://github.com/JonathonRP/motion-start.git",
13
- "directory": "src/lib/motion-start"
14
- },
15
- "type": "module",
16
- "files": [
17
- "dist"
18
- ],
19
- "main": "./dist/index.js",
20
- "bin": "./dist/index.js",
21
- "svelte": "./dist/index.js",
22
- "types": "./dist/index.d.ts",
23
- "exports": "./dist/index.js",
24
- "dependencies": {
25
- "framesync": "^6.1.2",
26
- "popmotion": "^11.0.5",
27
- "style-value-types": "5.1.2",
28
- "bits-ui": "^0.21.16",
29
- "class-variance-authority": "^0.7.0",
30
- "clsx": "^2.1.1",
31
- "lucide-svelte": "^0.445.0",
32
- "mode-watcher": "^0.4.1",
33
- "tailwind-merge": "^2.5.3",
34
- "tailwind-variants": "^0.2.1"
35
- },
36
- "devDependencies": {
37
- "@changesets/cli": "^2.27.9",
38
- "@biomejs/biome": "1.9.2",
39
- "@emotion/is-prop-valid": "^1.3.1",
40
- "@sveltejs/package": "^2.3.5",
41
- "@sveltejs/vite-plugin-svelte": "4.0.0-next.7",
42
- "svelte-check": "^4.0.5",
43
- "@tsconfig/svelte": "^5.0.4",
44
- "@types/node": "^20.16.11",
45
- "@vitest/ui": "latest",
46
- "csstype": "^3.1.3",
47
- "publint": "^0.2.11",
48
- "svelte": "^5.0.0-next.264",
49
- "typescript": "^5.6.3",
50
- "vite": "^5.4.8",
51
- "vitest": "latest",
52
- "@sveltejs/adapter-auto": "^3.2.5",
53
- "@sveltejs/kit": "^2.7.0",
54
- "@tailwindcss/typography": "^0.5.15",
55
- "@tailwindcss/vite": "^4.0.0-alpha.26",
56
- "tailwindcss": "^4.0.0-alpha.26"
57
- },
58
- "peerDependencies": {
59
- "svelte": "^5.0.0 || ^5.0.0-next.0"
60
- },
61
- "engines": {
62
- "bun": ">=1.0.0",
63
- "pnpm": ">=8.7.0",
64
- "node": ">=20"
65
- },
66
- "sideEffects": false,
67
- "keywords": [
68
- "svelte animation",
69
- "svelte",
70
- "animation",
71
- "gestures",
72
- "drag",
73
- "spring",
74
- "popmotion",
75
- "framer-motion"
76
- ],
77
- "trustedDependencies": [
78
- "@biomejs/biome",
79
- "@sveltejs/kit",
80
- "esbuild"
81
- ],
82
- "scripts": {
83
- "dev": "vite dev",
84
- "build": "vite build && pnpm package",
85
- "package": "svelte-kit sync && svelte-package --input ./src/lib/motion-start && publint --strict",
86
- "preview": "vite preview",
87
- "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
88
- "lint": "biome check",
89
- "test": "vitest",
90
- "test:types": "vitest --typecheck.only",
91
- "test:ui": "vitest --ui",
92
- "test:types:ui": "vitest --ui",
93
- "ci:publish": "pnpm build && changeset publish"
94
- }
95
- }
2
+ "name": "motion-start",
3
+ "version": "0.1.1",
4
+ "description": "Svelte animation library inspired by the React library framer-motion.",
5
+ "license": "MIT",
6
+ "author": {
7
+ "name": "JonathonRP",
8
+ "url": "https://github.com/JonathonRP"
9
+ },
10
+ "repository": {
11
+ "type": "git",
12
+ "ur": "https://github.com/JonathonRP/motion-start.git"
13
+ },
14
+ "type": "module",
15
+ "files": [
16
+ "dist"
17
+ ],
18
+ "main": "./dist/index.js",
19
+ "bin": "./dist/index.js",
20
+ "svelte": "./dist/index.js",
21
+ "types": "./dist/index.d.ts",
22
+ "exports": "./dist/index.js",
23
+ "scripts": {
24
+ "dev": "vite dev",
25
+ "build": "vite build && bun --bun package",
26
+ "package": "svelte-kit sync && svelte-package --input ./src/lib/motion-start && publint --strict",
27
+ "preview": "vite preview",
28
+ "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
29
+ "lint": "biome check",
30
+ "test": "vitest",
31
+ "test:types": "vitest --typecheck.only",
32
+ "test:ui": "vitest --ui",
33
+ "test:types:ui": "vitest --ui",
34
+ "release": "bun --bun run build && bun --bun changeset publish"
35
+ },
36
+ "dependencies": {
37
+ "bits-ui": "^0.21.16",
38
+ "class-variance-authority": "^0.7.1",
39
+ "clsx": "^2.1.1",
40
+ "framesync": "^6.1.2",
41
+ "lucide-svelte": "^0.453.0",
42
+ "mode-watcher": "^0.5.0",
43
+ "popmotion": "^11.0.5",
44
+ "style-value-types": "5.1.2",
45
+ "tailwind-merge": "^2.5.5",
46
+ "tailwind-variants": "^0.2.1"
47
+ },
48
+ "devDependencies": {
49
+ "@changesets/cli": "^2.27.10",
50
+ "@biomejs/biome": "^1.9.4",
51
+ "@emotion/is-prop-valid": "^1.3.1",
52
+ "@sveltejs/package": "^2.3.7",
53
+ "@sveltejs/vite-plugin-svelte": "^4.0.2",
54
+ "svelte-check": "^4.1.1",
55
+ "@tsconfig/svelte": "^5.0.4",
56
+ "@types/node": "^20.17.9",
57
+ "@vitest/ui": "latest",
58
+ "csstype": "^3.1.3",
59
+ "publint": "^0.2.12",
60
+ "typescript": "^5.7.2",
61
+ "vite": "5.4.11",
62
+ "vitest": "latest",
63
+ "@sveltejs/adapter-auto": "^3.3.1",
64
+ "@sveltejs/kit": "2.7.1",
65
+ "@tailwindcss/typography": "^0.5.15",
66
+ "@tailwindcss/vite": "^4.0.0-alpha.28",
67
+ "tailwindcss": "^4.0.0-alpha.28"
68
+ },
69
+ "peerDependencies": {
70
+ "svelte": "^5.5.3"
71
+ },
72
+ "engines": {
73
+ "bun": ">=1.0.0",
74
+ "node": ">=20"
75
+ },
76
+ "sideEffects": false,
77
+ "keywords": [
78
+ "svelte animation",
79
+ "svelte",
80
+ "animation",
81
+ "gestures",
82
+ "drag",
83
+ "spring",
84
+ "popmotion",
85
+ "framer-motion"
86
+ ],
87
+ "trustedDependencies": [
88
+ "@biomejs/biome",
89
+ "@sveltejs/kit",
90
+ "esbuild"
91
+ ]
92
+ }