timered-counter 0.0.4 → 0.0.6

package/dist/custom-elements.json

@@ -3777,51 +3777,97 @@
         },
         {
             "kind": "javascript-module",
-            "path": "src/easing/cubic-bezier.ts",
+            "path": "src/mixins/counter-aira.ts",
             "declarations": [
                 {
-                    "kind": "function",
-                    "name": "noop",
-                    "return": {
-                        "type": {
-                            "text": "T"
-                        }
-                    },
-                    "parameters": [
+                    "kind": "class",
+                    "description": "",
+                    "name": "CounterAiraMixinInterface",
+                    "members": [
                         {
-                            "name": "any",
+                            "kind": "field",
+                            "name": "ariaLabel",
                             "type": {
-                                "text": "T"
+                                "text": "string"
+                            }
+                        },
+                        {
+                            "kind": "field",
+                            "name": "ariaLive",
+                            "type": {
+                                "text": "'off' | 'polite' | 'assertive'"
+                            }
+                        },
+                        {
+                            "kind": "method",
+                            "name": "generateAriaLabel",
+                            "return": {
+                                "type": {
+                                    "text": "string"
+                                }
                             }
                         }
                     ]
                 },
                 {
-                    "kind": "function",
-                    "name": "cubicBezier",
-                    "parameters": [
+                    "kind": "mixin",
+                    "description": "",
+                    "name": "CounterAiraMixin",
+                    "members": [
                         {
-                            "name": "mX1",
+                            "kind": "field",
+                            "name": "ariaLabel",
                             "type": {
-                                "text": "number"
-                            }
+                                "text": "string"
+                            },
+                            "default": "''",
+                            "attribute": "aria-label",
+                            "reflects": true
                         },
                         {
-                            "name": "mY1",
+                            "kind": "field",
+                            "name": "ariaLive",
                             "type": {
-                                "text": "number"
-                            }
+                                "text": "'off' | 'polite' | 'assertive'"
+                            },
+                            "default": "'polite'",
+                            "attribute": "aira-live",
+                            "reflects": true
                         },
                         {
-                            "name": "mX2",
+                            "kind": "method",
+                            "name": "generateAriaLabel",
+                            "return": {
+                                "type": {
+                                    "text": "string"
+                                }
+                            },
+                            "description": "生成 aria-label 属性值. 在每次更新完成后调用."
+                        }
+                    ],
+                    "attributes": [
+                        {
+                            "name": "aria-label",
                             "type": {
-                                "text": "number"
-                            }
+                                "text": "string"
+                            },
+                            "default": "''",
+                            "fieldName": "ariaLabel"
                         },
                         {
-                            "name": "mY2",
+                            "name": "aira-live",
                             "type": {
-                                "text": "number"
+                                "text": "'off' | 'polite' | 'assertive'"
+                            },
+                            "default": "'polite'",
+                            "fieldName": "ariaLive"
+                        }
+                    ],
+                    "parameters": [
+                        {
+                            "name": "superClass",
+                            "type": {
+                                "text": "T"
                             }
                         }
                     ]
@@ -3830,34 +3876,172 @@
             "exports": [
                 {
                     "kind": "js",
-                    "name": "noop",
+                    "name": "CounterAiraMixinInterface",
                     "declaration": {
-                        "name": "noop",
-                        "module": "src/easing/cubic-bezier.ts"
+                        "name": "CounterAiraMixinInterface",
+                        "module": "src/mixins/counter-aira.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "cubicBezier",
+                    "name": "CounterAiraMixin",
                     "declaration": {
-                        "name": "cubicBezier",
-                        "module": "src/easing/cubic-bezier.ts"
+                        "name": "CounterAiraMixin",
+                        "module": "src/mixins/counter-aira.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "src/easing/easing-functions.ts",
+            "path": "src/mixins/counter-animation.ts",
             "declarations": [
                 {
-                    "kind": "function",
-                    "name": "linear",
+                    "kind": "class",
+                    "description": "",
+                    "name": "CounterAnimationMixinInterface",
+                    "members": [
+                        {
+                            "kind": "field",
+                            "name": "animationOptions",
+                            "type": {
+                                "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
+                            }
+                        },
+                        {
+                            "kind": "field",
+                            "name": "animationOptionsDynamic",
+                            "type": {
+                                "text": "PartDigitGetter<KeyframeAnimationOptions> | undefined"
+                            }
+                        },
+                        {
+                            "kind": "method",
+                            "name": "extractAnimationOptions",
+                            "return": {
+                                "type": {
+                                    "text": "KeyframeAnimationOptions[][]"
+                                }
+                            }
+                        },
+                        {
+                            "kind": "field",
+                            "name": "keyframes",
+                            "type": {
+                                "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
+                            }
+                        },
+                        {
+                            "kind": "field",
+                            "name": "keyframesDynamic",
+                            "type": {
+                                "text": "PartDigitGetter<PropertyIndexedKeyframes> | undefined"
+                            }
+                        },
+                        {
+                            "kind": "method",
+                            "name": "extractKeyframes",
+                            "return": {
+                                "type": {
+                                    "text": "PropertyIndexedKeyframes[][]"
+                                }
+                            }
+                        }
+                    ]
+                },
+                {
+                    "kind": "mixin",
+                    "description": "",
+                    "name": "CounterAnimationMixin",
+                    "members": [
+                        {
+                            "kind": "field",
+                            "name": "animationOptions",
+                            "type": {
+                                "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
+                            },
+                            "default": "{}",
+                            "description": "传递给 Web Animations API 的选项.",
+                            "attribute": "animation-options",
+                            "reflects": true
+                        },
+                        {
+                            "kind": "field",
+                            "name": "animationOptionsDynamic",
+                            "type": {
+                                "text": "PartDigitGetter<KeyframeAnimationOptions> | undefined"
+                            }
+                        },
+                        {
+                            "kind": "field",
+                            "name": "cachedAnimationOptions",
+                            "type": {
+                                "text": "(KeyframeAnimationOptions | undefined)[][]"
+                            },
+                            "privacy": "private",
+                            "default": "[]"
+                        },
+                        {
+                            "kind": "method",
+                            "name": "extractAnimationOptions"
+                        },
+                        {
+                            "kind": "field",
+                            "name": "keyframes",
+                            "type": {
+                                "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
+                            },
+                            "default": "{}",
+                            "description": "传递给 Web Animations API 的关键帧配置.",
+                            "attribute": "keyframes",
+                            "reflects": true
+                        },
+                        {
+                            "kind": "field",
+                            "name": "keyframesDynamic",
+                            "type": {
+                                "text": "PartDigitGetter<PropertyIndexedKeyframes> | undefined"
+                            }
+                        },
+                        {
+                            "kind": "field",
+                            "name": "cachedKeyframes",
+                            "type": {
+                                "text": "(PropertyIndexedKeyframes | undefined)[][]"
+                            },
+                            "privacy": "private",
+                            "default": "[]"
+                        },
+                        {
+                            "kind": "method",
+                            "name": "extractKeyframes"
+                        }
+                    ],
+                    "attributes": [
+                        {
+                            "name": "animation-options",
+                            "type": {
+                                "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
+                            },
+                            "default": "{}",
+                            "description": "传递给 Web Animations API 的选项.",
+                            "fieldName": "animationOptions"
+                        },
+                        {
+                            "name": "keyframes",
+                            "type": {
+                                "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
+                            },
+                            "default": "{}",
+                            "description": "传递给 Web Animations API 的关键帧配置.",
+                            "fieldName": "keyframes"
+                        }
+                    ],
                     "parameters": [
                         {
-                            "name": "x",
+                            "name": "superClass",
                             "type": {
-                                "text": "number"
+                                "text": "T"
                             }
                         }
                     ]
@@ -3866,847 +4050,87 @@
             "exports": [
                 {
                     "kind": "js",
-                    "name": "linear",
-                    "declaration": {
-                        "name": "linear",
-                        "module": "src/easing/easing-functions.ts"
-                    }
-                }
-            ]
-        },
-        {
-            "kind": "javascript-module",
-            "path": "src/easing/index.ts",
-            "declarations": [],
-            "exports": [
-                {
-                    "kind": "js",
-                    "name": "*",
-                    "declaration": {
-                        "name": "*",
-                        "package": "./easing-functions.js"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "*",
+                    "name": "CounterAnimationMixinInterface",
                     "declaration": {
-                        "name": "*",
-                        "package": "./cubic-bezier.js"
+                        "name": "CounterAnimationMixinInterface",
+                        "module": "src/mixins/counter-animation.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "*",
+                    "name": "CounterAnimationMixin",
                     "declaration": {
-                        "name": "*",
-                        "package": "./penner-easing-functions.js"
+                        "name": "CounterAnimationMixin",
+                        "module": "src/mixins/counter-animation.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "src/easing/penner-easing-functions.ts",
+            "path": "src/mixins/counter-base.ts",
             "declarations": [
                 {
-                    "kind": "variable",
-                    "name": "easeInSine"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeOutSine"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInOutSine"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInQuad"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeOutQuad"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInOutQuad"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInCubic"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeOutCubic"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInOutCubic"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInQuart"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeOutQuart"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInOutQuart"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInQuint"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeOutQuint"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInOutQuint"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInExpo"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeOutExpo"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInOutExpo"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInCirc"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeOutCirc"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInOutCirc"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInBack"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeOutBack"
-                },
-                {
-                    "kind": "variable",
-                    "name": "easeInOutBack"
-                },
-                {
-                    "kind": "function",
-                    "name": "easeInElastic",
-                    "return": {
-                        "type": {
-                            "text": "number"
-                        }
-                    },
-                    "parameters": [
+                    "kind": "class",
+                    "description": "",
+                    "name": "CounterBaseMixinInterface",
+                    "members": [
                         {
-                            "name": "x",
+                            "kind": "field",
+                            "name": "NUMBER_ADAPTER",
                             "type": {
-                                "text": "number"
+                                "text": "NumberAdapter"
+                            },
+                            "static": true
+                        },
+                        {
+                            "kind": "field",
+                            "name": "STRING_ADAPTER",
+                            "type": {
+                                "text": "StringAdapter"
+                            },
+                            "static": true
+                        },
+                        {
+                            "kind": "field",
+                            "name": "value",
+                            "type": {
+                                "text": "V"
                             }
-                        }
-                    ]
-                },
-                {
-                    "kind": "function",
-                    "name": "easeOutElastic",
-                    "return": {
-                        "type": {
-                            "text": "number"
-                        }
-                    },
-                    "parameters": [
+                        },
                         {
-                            "name": "x",
+                            "kind": "field",
+                            "name": "oldValue",
                             "type": {
-                                "text": "number"
+                                "text": "V"
                             }
-                        }
-                    ]
-                },
-                {
-                    "kind": "function",
-                    "name": "easeInOutElastic",
-                    "return": {
-                        "type": {
-                            "text": "number"
-                        }
-                    },
-                    "parameters": [
+                        },
                         {
-                            "name": "x",
+                            "kind": "field",
+                            "name": "initialValue",
                             "type": {
-                                "text": "number"
+                                "text": "V"
                             }
-                        }
-                    ]
-                },
-                {
-                    "kind": "function",
-                    "name": "easeOutBounce",
-                    "return": {
-                        "type": {
-                            "text": "number"
-                        }
-                    },
-                    "parameters": [
+                        },
                         {
-                            "name": "x",
+                            "kind": "field",
+                            "name": "direction",
                             "type": {
-                                "text": "number"
+                                "text": "'up' | 'down'"
                             }
-                        }
-                    ]
-                },
-                {
-                    "kind": "function",
-                    "name": "easeInBounce",
-                    "return": {
-                        "type": {
-                            "text": "number"
-                        }
-                    },
-                    "parameters": [
+                        },
                         {
-                            "name": "x",
+                            "kind": "field",
+                            "name": "oldDirection",
                             "type": {
-                                "text": "number"
+                                "text": "'up' | 'down'"
                             }
-                        }
-                    ]
-                },
-                {
-                    "kind": "function",
-                    "name": "easeInOutBounce",
-                    "return": {
-                        "type": {
-                            "text": "number"
-                        }
-                    },
-                    "parameters": [
+                        },
                         {
-                            "name": "x",
+                            "kind": "field",
+                            "name": "locale",
                             "type": {
-                                "text": "number"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "exports": [
-                {
-                    "kind": "js",
-                    "name": "easeInSine",
-                    "declaration": {
-                        "name": "easeInSine",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeOutSine",
-                    "declaration": {
-                        "name": "easeOutSine",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInOutSine",
-                    "declaration": {
-                        "name": "easeInOutSine",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInQuad",
-                    "declaration": {
-                        "name": "easeInQuad",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeOutQuad",
-                    "declaration": {
-                        "name": "easeOutQuad",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInOutQuad",
-                    "declaration": {
-                        "name": "easeInOutQuad",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInCubic",
-                    "declaration": {
-                        "name": "easeInCubic",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeOutCubic",
-                    "declaration": {
-                        "name": "easeOutCubic",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInOutCubic",
-                    "declaration": {
-                        "name": "easeInOutCubic",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInQuart",
-                    "declaration": {
-                        "name": "easeInQuart",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeOutQuart",
-                    "declaration": {
-                        "name": "easeOutQuart",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInOutQuart",
-                    "declaration": {
-                        "name": "easeInOutQuart",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInQuint",
-                    "declaration": {
-                        "name": "easeInQuint",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeOutQuint",
-                    "declaration": {
-                        "name": "easeOutQuint",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInOutQuint",
-                    "declaration": {
-                        "name": "easeInOutQuint",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInExpo",
-                    "declaration": {
-                        "name": "easeInExpo",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeOutExpo",
-                    "declaration": {
-                        "name": "easeOutExpo",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInOutExpo",
-                    "declaration": {
-                        "name": "easeInOutExpo",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInCirc",
-                    "declaration": {
-                        "name": "easeInCirc",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeOutCirc",
-                    "declaration": {
-                        "name": "easeOutCirc",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInOutCirc",
-                    "declaration": {
-                        "name": "easeInOutCirc",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInBack",
-                    "declaration": {
-                        "name": "easeInBack",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeOutBack",
-                    "declaration": {
-                        "name": "easeOutBack",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInOutBack",
-                    "declaration": {
-                        "name": "easeInOutBack",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInElastic",
-                    "declaration": {
-                        "name": "easeInElastic",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeOutElastic",
-                    "declaration": {
-                        "name": "easeOutElastic",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInOutElastic",
-                    "declaration": {
-                        "name": "easeInOutElastic",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeOutBounce",
-                    "declaration": {
-                        "name": "easeOutBounce",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInBounce",
-                    "declaration": {
-                        "name": "easeInBounce",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "easeInOutBounce",
-                    "declaration": {
-                        "name": "easeInOutBounce",
-                        "module": "src/easing/penner-easing-functions.ts"
-                    }
-                }
-            ]
-        },
-        {
-            "kind": "javascript-module",
-            "path": "src/mixins/counter-aira.ts",
-            "declarations": [
-                {
-                    "kind": "class",
-                    "description": "",
-                    "name": "CounterAiraMixinInterface",
-                    "members": [
-                        {
-                            "kind": "field",
-                            "name": "ariaLabel",
-                            "type": {
-                                "text": "string"
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "ariaLive",
-                            "type": {
-                                "text": "'off' | 'polite' | 'assertive'"
-                            }
-                        },
-                        {
-                            "kind": "method",
-                            "name": "generateAriaLabel",
-                            "return": {
-                                "type": {
-                                    "text": "string"
-                                }
-                            }
-                        }
-                    ]
-                },
-                {
-                    "kind": "mixin",
-                    "description": "",
-                    "name": "CounterAiraMixin",
-                    "members": [
-                        {
-                            "kind": "field",
-                            "name": "ariaLabel",
-                            "type": {
-                                "text": "string"
-                            },
-                            "default": "''",
-                            "attribute": "aria-label",
-                            "reflects": true
-                        },
-                        {
-                            "kind": "field",
-                            "name": "ariaLive",
-                            "type": {
-                                "text": "'off' | 'polite' | 'assertive'"
-                            },
-                            "default": "'polite'",
-                            "attribute": "aira-live",
-                            "reflects": true
-                        },
-                        {
-                            "kind": "method",
-                            "name": "generateAriaLabel",
-                            "return": {
-                                "type": {
-                                    "text": "string"
-                                }
-                            },
-                            "description": "生成 aria-label 属性值. 在每次更新完成后调用."
-                        }
-                    ],
-                    "attributes": [
-                        {
-                            "name": "aria-label",
-                            "type": {
-                                "text": "string"
-                            },
-                            "default": "''",
-                            "fieldName": "ariaLabel"
-                        },
-                        {
-                            "name": "aira-live",
-                            "type": {
-                                "text": "'off' | 'polite' | 'assertive'"
-                            },
-                            "default": "'polite'",
-                            "fieldName": "ariaLive"
-                        }
-                    ],
-                    "parameters": [
-                        {
-                            "name": "superClass",
-                            "type": {
-                                "text": "T"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "exports": [
-                {
-                    "kind": "js",
-                    "name": "CounterAiraMixinInterface",
-                    "declaration": {
-                        "name": "CounterAiraMixinInterface",
-                        "module": "src/mixins/counter-aira.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "CounterAiraMixin",
-                    "declaration": {
-                        "name": "CounterAiraMixin",
-                        "module": "src/mixins/counter-aira.ts"
-                    }
-                }
-            ]
-        },
-        {
-            "kind": "javascript-module",
-            "path": "src/mixins/counter-animation.ts",
-            "declarations": [
-                {
-                    "kind": "class",
-                    "description": "",
-                    "name": "CounterAnimationMixinInterface",
-                    "members": [
-                        {
-                            "kind": "field",
-                            "name": "animationOptions",
-                            "type": {
-                                "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "animationOptionsDynamic",
-                            "type": {
-                                "text": "PartDigitGetter<KeyframeAnimationOptions> | undefined"
-                            }
-                        },
-                        {
-                            "kind": "method",
-                            "name": "extractAnimationOptions",
-                            "return": {
-                                "type": {
-                                    "text": "KeyframeAnimationOptions[][]"
-                                }
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "keyframes",
-                            "type": {
-                                "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "keyframesDynamic",
-                            "type": {
-                                "text": "PartDigitGetter<PropertyIndexedKeyframes> | undefined"
-                            }
-                        },
-                        {
-                            "kind": "method",
-                            "name": "extractKeyframes",
-                            "return": {
-                                "type": {
-                                    "text": "PropertyIndexedKeyframes[][]"
-                                }
-                            }
-                        }
-                    ]
-                },
-                {
-                    "kind": "mixin",
-                    "description": "",
-                    "name": "CounterAnimationMixin",
-                    "members": [
-                        {
-                            "kind": "field",
-                            "name": "animationOptions",
-                            "type": {
-                                "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
-                            },
-                            "default": "{}",
-                            "description": "传递给 Web Animations API 的选项.",
-                            "attribute": "animation-options",
-                            "reflects": true
-                        },
-                        {
-                            "kind": "field",
-                            "name": "animationOptionsDynamic",
-                            "type": {
-                                "text": "PartDigitGetter<KeyframeAnimationOptions> | undefined"
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "cachedAnimationOptions",
-                            "type": {
-                                "text": "(KeyframeAnimationOptions | undefined)[][]"
-                            },
-                            "privacy": "private",
-                            "default": "[]"
-                        },
-                        {
-                            "kind": "method",
-                            "name": "extractAnimationOptions"
-                        },
-                        {
-                            "kind": "field",
-                            "name": "keyframes",
-                            "type": {
-                                "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
-                            },
-                            "default": "{}",
-                            "description": "传递给 Web Animations API 的关键帧配置.",
-                            "attribute": "keyframes",
-                            "reflects": true
-                        },
-                        {
-                            "kind": "field",
-                            "name": "keyframesDynamic",
-                            "type": {
-                                "text": "PartDigitGetter<PropertyIndexedKeyframes> | undefined"
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "cachedKeyframes",
-                            "type": {
-                                "text": "(PropertyIndexedKeyframes | undefined)[][]"
-                            },
-                            "privacy": "private",
-                            "default": "[]"
-                        },
-                        {
-                            "kind": "method",
-                            "name": "extractKeyframes"
-                        }
-                    ],
-                    "attributes": [
-                        {
-                            "name": "animation-options",
-                            "type": {
-                                "text": "PartDigitValueOrGetter<KeyframeAnimationOptions>"
-                            },
-                            "default": "{}",
-                            "description": "传递给 Web Animations API 的选项.",
-                            "fieldName": "animationOptions"
-                        },
-                        {
-                            "name": "keyframes",
-                            "type": {
-                                "text": "PartDigitValueOrGetter<PropertyIndexedKeyframes>"
-                            },
-                            "default": "{}",
-                            "description": "传递给 Web Animations API 的关键帧配置.",
-                            "fieldName": "keyframes"
-                        }
-                    ],
-                    "parameters": [
-                        {
-                            "name": "superClass",
-                            "type": {
-                                "text": "T"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "exports": [
-                {
-                    "kind": "js",
-                    "name": "CounterAnimationMixinInterface",
-                    "declaration": {
-                        "name": "CounterAnimationMixinInterface",
-                        "module": "src/mixins/counter-animation.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "CounterAnimationMixin",
-                    "declaration": {
-                        "name": "CounterAnimationMixin",
-                        "module": "src/mixins/counter-animation.ts"
-                    }
-                }
-            ]
-        },
-        {
-            "kind": "javascript-module",
-            "path": "src/mixins/counter-base.ts",
-            "declarations": [
-                {
-                    "kind": "class",
-                    "description": "",
-                    "name": "CounterBaseMixinInterface",
-                    "members": [
-                        {
-                            "kind": "field",
-                            "name": "NUMBER_ADAPTER",
-                            "type": {
-                                "text": "NumberAdapter"
-                            },
-                            "static": true
-                        },
-                        {
-                            "kind": "field",
-                            "name": "STRING_ADAPTER",
-                            "type": {
-                                "text": "StringAdapter"
-                            },
-                            "static": true
-                        },
-                        {
-                            "kind": "field",
-                            "name": "value",
-                            "type": {
-                                "text": "V"
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "oldValue",
-                            "type": {
-                                "text": "V"
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "initialValue",
-                            "type": {
-                                "text": "V"
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "direction",
-                            "type": {
-                                "text": "'up' | 'down'"
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "oldDirection",
-                            "type": {
-                                "text": "'up' | 'down'"
-                            }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "locale",
-                            "type": {
-                                "text": "| Intl.UnicodeBCP47LocaleIdentifier\n    | [Intl.UnicodeBCP47LocaleIdentifier, Intl.LocaleOptions]"
+                                "text": "| Intl.UnicodeBCP47LocaleIdentifier\n    | [Intl.UnicodeBCP47LocaleIdentifier, Intl.LocaleOptions]"
                             }
                         },
                         {
@@ -5230,142 +4654,494 @@
                             "reflects": true
                         },
                         {
-                            "kind": "field",
-                            "name": "cellStylesDynamic",
+                            "kind": "field",
+                            "name": "cellStylesDynamic",
+                            "type": {
+                                "text": "PartDigitCellGetter<Partial<CSSStyleDeclaration>> | undefined"
+                            }
+                        },
+                        {
+                            "kind": "field",
+                            "name": "cachedCellStyles",
+                            "type": {
+                                "text": "Partial<CSSStyleDeclaration | undefined>[][][]"
+                            },
+                            "privacy": "private",
+                            "default": "[]"
+                        },
+                        {
+                            "kind": "method",
+                            "name": "extractCellStyles"
+                        },
+                        {
+                            "kind": "field",
+                            "name": "digitStyles",
+                            "type": {
+                                "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
+                            },
+                            "default": "{}",
+                            "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
+                            "attribute": "digit-styles",
+                            "reflects": true
+                        },
+                        {
+                            "kind": "field",
+                            "name": "digitStylesDynamic",
+                            "type": {
+                                "text": "PartDigitGetter<Partial<CSSStyleDeclaration>> | undefined"
+                            }
+                        },
+                        {
+                            "kind": "field",
+                            "name": "cachedDigitStyles",
+                            "type": {
+                                "text": "Partial<CSSStyleDeclaration | undefined>[][]"
+                            },
+                            "privacy": "private",
+                            "default": "[]"
+                        },
+                        {
+                            "kind": "method",
+                            "name": "extractDigitStyles"
+                        },
+                        {
+                            "kind": "field",
+                            "name": "partStyles",
+                            "type": {
+                                "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
+                            },
+                            "default": "{}",
+                            "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
+                            "attribute": "part-styles",
+                            "reflects": true
+                        },
+                        {
+                            "kind": "field",
+                            "name": "partStylesDynamic",
+                            "type": {
+                                "text": "PartGetter<Partial<CSSStyleDeclaration>> | undefined"
+                            }
+                        },
+                        {
+                            "kind": "field",
+                            "name": "cachedPartStyles",
+                            "type": {
+                                "text": "Partial<CSSStyleDeclaration | undefined>[]"
+                            },
+                            "privacy": "private",
+                            "default": "[]"
+                        },
+                        {
+                            "kind": "method",
+                            "name": "extractPartStyles"
+                        },
+                        {
+                            "kind": "field",
+                            "name": "color",
+                            "type": {
+                                "text": "string"
+                            },
+                            "default": "'inherit'",
+                            "description": "文本颜色, 可使用 CSS 属性 `color` 和 `background-image` 的值.",
+                            "attribute": "color",
+                            "reflects": true
+                        }
+                    ],
+                    "attributes": [
+                        {
+                            "name": "cell-styles",
+                            "type": {
+                                "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
+                            },
+                            "default": "{}",
+                            "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
+                            "fieldName": "cellStyles"
+                        },
+                        {
+                            "name": "digit-styles",
+                            "type": {
+                                "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
+                            },
+                            "default": "{}",
+                            "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
+                            "fieldName": "digitStyles"
+                        },
+                        {
+                            "name": "part-styles",
+                            "type": {
+                                "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
+                            },
+                            "default": "{}",
+                            "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
+                            "fieldName": "partStyles"
+                        },
+                        {
+                            "name": "color",
+                            "type": {
+                                "text": "string"
+                            },
+                            "default": "'inherit'",
+                            "description": "文本颜色, 可使用 CSS 属性 `color` 和 `background-image` 的值.",
+                            "fieldName": "color"
+                        }
+                    ],
+                    "parameters": [
+                        {
+                            "name": "superClass",
+                            "type": {
+                                "text": "T"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "CounterStylesMixinInterface",
+                    "declaration": {
+                        "name": "CounterStylesMixinInterface",
+                        "module": "src/mixins/counter-styles.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "CounterStylesMixin",
+                    "declaration": {
+                        "name": "CounterStylesMixin",
+                        "module": "src/mixins/counter-styles.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/easing/cubic-bezier.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "noop",
+                    "return": {
+                        "type": {
+                            "text": "T"
+                        }
+                    },
+                    "parameters": [
+                        {
+                            "name": "any",
                             "type": {
-                                "text": "PartDigitCellGetter<Partial<CSSStyleDeclaration>> | undefined"
+                                "text": "T"
                             }
-                        },
+                        }
+                    ]
+                },
+                {
+                    "kind": "function",
+                    "name": "cubicBezier",
+                    "parameters": [
                         {
-                            "kind": "field",
-                            "name": "cachedCellStyles",
+                            "name": "mX1",
                             "type": {
-                                "text": "Partial<CSSStyleDeclaration | undefined>[][][]"
-                            },
-                            "privacy": "private",
-                            "default": "[]"
-                        },
-                        {
-                            "kind": "method",
-                            "name": "extractCellStyles"
+                                "text": "number"
+                            }
                         },
                         {
-                            "kind": "field",
-                            "name": "digitStyles",
+                            "name": "mY1",
                             "type": {
-                                "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
-                            },
-                            "default": "{}",
-                            "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
-                            "attribute": "digit-styles",
-                            "reflects": true
+                                "text": "number"
+                            }
                         },
                         {
-                            "kind": "field",
-                            "name": "digitStylesDynamic",
+                            "name": "mX2",
                             "type": {
-                                "text": "PartDigitGetter<Partial<CSSStyleDeclaration>> | undefined"
+                                "text": "number"
                             }
                         },
                         {
-                            "kind": "field",
-                            "name": "cachedDigitStyles",
+                            "name": "mY2",
                             "type": {
-                                "text": "Partial<CSSStyleDeclaration | undefined>[][]"
-                            },
-                            "privacy": "private",
-                            "default": "[]"
-                        },
-                        {
-                            "kind": "method",
-                            "name": "extractDigitStyles"
-                        },
+                                "text": "number"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "noop",
+                    "declaration": {
+                        "name": "noop",
+                        "module": "src/easing/cubic-bezier.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "cubicBezier",
+                    "declaration": {
+                        "name": "cubicBezier",
+                        "module": "src/easing/cubic-bezier.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/easing/easing-functions.ts",
+            "declarations": [
+                {
+                    "kind": "function",
+                    "name": "linear",
+                    "parameters": [
                         {
-                            "kind": "field",
-                            "name": "partStyles",
+                            "name": "x",
                             "type": {
-                                "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
-                            },
-                            "default": "{}",
-                            "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
-                            "attribute": "part-styles",
-                            "reflects": true
-                        },
+                                "text": "number"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "linear",
+                    "declaration": {
+                        "name": "linear",
+                        "module": "src/easing/easing-functions.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/easing/index.ts",
+            "declarations": [],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "*",
+                    "declaration": {
+                        "name": "*",
+                        "package": "./easing-functions.js"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "*",
+                    "declaration": {
+                        "name": "*",
+                        "package": "./cubic-bezier.js"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "*",
+                    "declaration": {
+                        "name": "*",
+                        "package": "./penner-easing-functions.js"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "src/easing/penner-easing-functions.ts",
+            "declarations": [
+                {
+                    "kind": "variable",
+                    "name": "easeInSine"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeOutSine"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInOutSine"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInQuad"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeOutQuad"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInOutQuad"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInCubic"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeOutCubic"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInOutCubic"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInQuart"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeOutQuart"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInOutQuart"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInQuint"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeOutQuint"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInOutQuint"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInExpo"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeOutExpo"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInOutExpo"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInCirc"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeOutCirc"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInOutCirc"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInBack"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeOutBack"
+                },
+                {
+                    "kind": "variable",
+                    "name": "easeInOutBack"
+                },
+                {
+                    "kind": "function",
+                    "name": "easeInElastic",
+                    "return": {
+                        "type": {
+                            "text": "number"
+                        }
+                    },
+                    "parameters": [
                         {
-                            "kind": "field",
-                            "name": "partStylesDynamic",
+                            "name": "x",
                             "type": {
-                                "text": "PartGetter<Partial<CSSStyleDeclaration>> | undefined"
+                                "text": "number"
                             }
-                        },
-                        {
-                            "kind": "field",
-                            "name": "cachedPartStyles",
-                            "type": {
-                                "text": "Partial<CSSStyleDeclaration | undefined>[]"
-                            },
-                            "privacy": "private",
-                            "default": "[]"
-                        },
-                        {
-                            "kind": "method",
-                            "name": "extractPartStyles"
-                        },
-                        {
-                            "kind": "field",
-                            "name": "color",
-                            "type": {
-                                "text": "string"
-                            },
-                            "default": "'inherit'",
-                            "description": "文本颜色, 可使用 CSS 属性 `color` 和 `background-image` 的值.",
-                            "attribute": "color",
-                            "reflects": true
                         }
-                    ],
-                    "attributes": [
+                    ]
+                },
+                {
+                    "kind": "function",
+                    "name": "easeOutElastic",
+                    "return": {
+                        "type": {
+                            "text": "number"
+                        }
+                    },
+                    "parameters": [
                         {
-                            "name": "cell-styles",
+                            "name": "x",
                             "type": {
-                                "text": "PartDigitCellValueOrGetter<Partial<CSSStyleDeclaration>>"
-                            },
-                            "default": "{}",
-                            "description": "对 `cell` 部分的样式进行设置. 传入的对象将被直接应用到 `cell` 的 `style` 上.\n你还可以使用 `cellStylesDynamic` 来动态设置样式.",
-                            "fieldName": "cellStyles"
-                        },
+                                "text": "number"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "kind": "function",
+                    "name": "easeInOutElastic",
+                    "return": {
+                        "type": {
+                            "text": "number"
+                        }
+                    },
+                    "parameters": [
                         {
-                            "name": "digit-styles",
+                            "name": "x",
                             "type": {
-                                "text": "PartDigitValueOrGetter<Partial<CSSStyleDeclaration>>"
-                            },
-                            "default": "{}",
-                            "description": "与 `cell` 类似, 但是是对 `digit` 部分的样式进行设置.\n你还可以使用 `digitStylesDynamic` 来动态设置样式.",
-                            "fieldName": "digitStyles"
-                        },
+                                "text": "number"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "kind": "function",
+                    "name": "easeOutBounce",
+                    "return": {
+                        "type": {
+                            "text": "number"
+                        }
+                    },
+                    "parameters": [
                         {
-                            "name": "part-styles",
+                            "name": "x",
                             "type": {
-                                "text": "PartValueOrGetter<Partial<CSSStyleDeclaration>>"
-                            },
-                            "default": "{}",
-                            "description": "与 `cell` 类似, 但是是对 `part` 部分的样式进行设置.\n你还可以使用 `partStylesDynamic` 来动态设置样式.",
-                            "fieldName": "partStyles"
-                        },
+                                "text": "number"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "kind": "function",
+                    "name": "easeInBounce",
+                    "return": {
+                        "type": {
+                            "text": "number"
+                        }
+                    },
+                    "parameters": [
                         {
-                            "name": "color",
+                            "name": "x",
                             "type": {
-                                "text": "string"
-                            },
-                            "default": "'inherit'",
-                            "description": "文本颜色, 可使用 CSS 属性 `color` 和 `background-image` 的值.",
-                            "fieldName": "color"
+                                "text": "number"
+                            }
                         }
-                    ],
+                    ]
+                },
+                {
+                    "kind": "function",
+                    "name": "easeInOutBounce",
+                    "return": {
+                        "type": {
+                            "text": "number"
+                        }
+                    },
                     "parameters": [
                         {
-                            "name": "superClass",
+                            "name": "x",
                             "type": {
-                                "text": "T"
+                                "text": "number"
                             }
                         }
                     ]
@@ -5374,18 +5150,242 @@
             "exports": [
                 {
                     "kind": "js",
-                    "name": "CounterStylesMixinInterface",
+                    "name": "easeInSine",
+                    "declaration": {
+                        "name": "easeInSine",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeOutSine",
+                    "declaration": {
+                        "name": "easeOutSine",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInOutSine",
+                    "declaration": {
+                        "name": "easeInOutSine",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInQuad",
+                    "declaration": {
+                        "name": "easeInQuad",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeOutQuad",
+                    "declaration": {
+                        "name": "easeOutQuad",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInOutQuad",
+                    "declaration": {
+                        "name": "easeInOutQuad",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInCubic",
+                    "declaration": {
+                        "name": "easeInCubic",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeOutCubic",
+                    "declaration": {
+                        "name": "easeOutCubic",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInOutCubic",
+                    "declaration": {
+                        "name": "easeInOutCubic",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInQuart",
+                    "declaration": {
+                        "name": "easeInQuart",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeOutQuart",
+                    "declaration": {
+                        "name": "easeOutQuart",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInOutQuart",
+                    "declaration": {
+                        "name": "easeInOutQuart",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInQuint",
+                    "declaration": {
+                        "name": "easeInQuint",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeOutQuint",
+                    "declaration": {
+                        "name": "easeOutQuint",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInOutQuint",
+                    "declaration": {
+                        "name": "easeInOutQuint",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInExpo",
                     "declaration": {
-                        "name": "CounterStylesMixinInterface",
-                        "module": "src/mixins/counter-styles.ts"
+                        "name": "easeInExpo",
+                        "module": "src/easing/penner-easing-functions.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "CounterStylesMixin",
+                    "name": "easeOutExpo",
                     "declaration": {
-                        "name": "CounterStylesMixin",
-                        "module": "src/mixins/counter-styles.ts"
+                        "name": "easeOutExpo",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInOutExpo",
+                    "declaration": {
+                        "name": "easeInOutExpo",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInCirc",
+                    "declaration": {
+                        "name": "easeInCirc",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeOutCirc",
+                    "declaration": {
+                        "name": "easeOutCirc",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInOutCirc",
+                    "declaration": {
+                        "name": "easeInOutCirc",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInBack",
+                    "declaration": {
+                        "name": "easeInBack",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeOutBack",
+                    "declaration": {
+                        "name": "easeOutBack",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInOutBack",
+                    "declaration": {
+                        "name": "easeInOutBack",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInElastic",
+                    "declaration": {
+                        "name": "easeInElastic",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeOutElastic",
+                    "declaration": {
+                        "name": "easeOutElastic",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInOutElastic",
+                    "declaration": {
+                        "name": "easeInOutElastic",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeOutBounce",
+                    "declaration": {
+                        "name": "easeOutBounce",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInBounce",
+                    "declaration": {
+                        "name": "easeInBounce",
+                        "module": "src/easing/penner-easing-functions.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "easeInOutBounce",
+                    "declaration": {
+                        "name": "easeInOutBounce",
+                        "module": "src/easing/penner-easing-functions.ts"
                     }
                 }
             ]
@@ -6440,225 +6440,277 @@
             "exports": [
                 {
                     "kind": "js",
-                    "name": "uuid",
+                    "name": "uuid",
+                    "declaration": {
+                        "name": "uuid",
+                        "module": "src/utils/uuid.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "stories/timered-counter/decimaljs.stories.ts",
+            "declarations": [
+                {
+                    "kind": "variable",
+                    "name": "meta",
+                    "type": {
+                        "text": "Meta"
+                    },
+                    "default": "{ title: 'TimeredCounter/with decimal.js', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "BigNumber",
+                    "type": {
+                        "text": "StoryObj<TimeredCounter>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp }), ); }, }"
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "default",
+                    "declaration": {
+                        "name": "meta",
+                        "module": "stories/timered-counter/decimaljs.stories.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "Basic",
+                    "declaration": {
+                        "name": "Basic",
+                        "module": "./index.stories.js"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "Events",
+                    "declaration": {
+                        "name": "Events",
+                        "module": "./index.stories.js"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "AnimationOptions",
+                    "declaration": {
+                        "name": "AnimationOptions",
+                        "module": "./index.stories.js"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "Slots",
+                    "declaration": {
+                        "name": "Slots",
+                        "module": "./index.stories.js"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "Styles",
+                    "declaration": {
+                        "name": "Styles",
+                        "module": "./index.stories.js"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "BigNumber",
+                    "declaration": {
+                        "name": "BigNumber",
+                        "module": "stories/timered-counter/decimaljs.stories.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "stories/timered-counter/index.stories.ts",
+            "declarations": [
+                {
+                    "kind": "variable",
+                    "name": "meta",
+                    "type": {
+                        "text": "Meta"
+                    },
+                    "default": "{ title: 'TimeredCounter', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, globals: { setByAttr, setByProp, }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "Basic",
+                    "type": {
+                        "text": "StoryObj<TimeredCounter>"
+                    },
+                    "default": "{ args: { className: 'test-target', // @ts-ignore value: '0', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await valueChange(context, { counter, setBy: setByAttr, }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', '0'], ['Setting a non-number', 'a', '0'], ['Setting a decimal number', '1.1', '1.1'], ['Setting a negative number', '-1', '-1'], ['Setting Infinity', 'Infinity', '0'], ['Setting NaN', 'NaN', '0'], ['Setting null', 'null', '0'], ['Setting undefined', 'undefined', '0'], ['Setting true', 'true', '0'], ['Setting false', 'false', '0'], ['Setting an object', '{}', '0'], ['Setting an array', '[]', '0'], ['Setting a function', '() => {}', '0'], ['Setting a Symbol', 'Symbol()', '0'], ['Setting a BigInt', 'BigInt(1)', '0'], ], setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await valueChange(context, { counter, setBy: setByProp }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', 0], ['Setting a non-number', 'a', 0], ['Setting a decimal number', '1.1', 1.1], ['Setting a negative number', '-1', -1], ['Setting Infinity', 'Infinity', 0], ['Setting NaN', 'NaN', 0], ['Setting null', 'null', 0], ['Setting undefined', 'undefined', 0], ['Setting true', 'true', 0], ['Setting false', 'false', 0], ['Setting an object', '{}', 0], ['Setting an array', '[]', 0], ['Setting a function', '() => {}', 0], ['Setting a Symbol', 'Symbol()', 0], ['Setting a BigInt', 'BigInt(1)', 0], ], setBy: setByProp, }), ); }); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "Events",
+                    "type": {
+                        "text": "StoryObj<TimeredCounter>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByProp, }), ); }); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "AnimationOptions",
+                    "type": {
+                        "text": "StoryObj<TimeredCounter>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation options', async () => animationOptions(context, { counter, setBy: setByAttr, }), ); }); // await step('Testing with property', async () => { // await step('Animation options', async () => // animationOptions(context, { // counter, // list, // setBy: setByProp, // }), // ); // }); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "Styles",
+                    "type": {
+                        "text": "StoryObj<TimeredCounter>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByProp, }), ); }); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "Slots",
+                    "type": {
+                        "text": "StoryObj<TimeredCounter>"
+                    },
+                    "default": "{ args: { className: 'test-target', value: 0, }, render: slotsRender, async play(context) { const { canvasElement } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await slots(context, { counter }); }, }"
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "default",
                     "declaration": {
-                        "name": "uuid",
-                        "module": "src/utils/uuid.ts"
+                        "name": "meta",
+                        "module": "stories/timered-counter/index.stories.ts"
                     }
-                }
-            ]
-        },
-        {
-            "kind": "javascript-module",
-            "path": "stories/story-parts/animation-events.ts",
-            "declarations": [
-                {
-                    "kind": "function",
-                    "name": "animationEvents",
-                    "parameters": [
-                        {
-                            "name": "context",
-                            "type": {
-                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
-                            }
-                        },
-                        {
-                            "name": "{\n    counter,\n    list = range(0, 5).map(v => v * 10) as T[],\n    setBy,\n    equal = _equal,\n  }",
-                            "type": {
-                                "text": "{\n    counter: TC;\n    list?: T[];\n    setBy: (counter: TC, key: string, value: T) => void;\n    equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n  }"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "exports": [
+                },
                 {
                     "kind": "js",
-                    "name": "animationEvents",
+                    "name": "Basic",
                     "declaration": {
-                        "name": "animationEvents",
-                        "module": "stories/story-parts/animation-events.ts"
+                        "name": "Basic",
+                        "module": "stories/timered-counter/index.stories.ts"
                     }
-                }
-            ]
-        },
-        {
-            "kind": "javascript-module",
-            "path": "stories/story-parts/animation-options.ts",
-            "declarations": [
+                },
                 {
-                    "kind": "function",
-                    "name": "animationOptions",
-                    "parameters": [
-                        {
-                            "name": "context",
-                            "type": {
-                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
-                            }
-                        },
-                        {
-                            "name": "{\n    counter,\n    list = [114514] as T[],\n    setBy,\n  }",
-                            "type": {
-                                "text": "{\n    counter: TC;\n    list?: T[];\n    setBy: (counter: TC, key: string, value: T) => void;\n  }"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "exports": [
+                    "kind": "js",
+                    "name": "Events",
+                    "declaration": {
+                        "name": "Events",
+                        "module": "stories/timered-counter/index.stories.ts"
+                    }
+                },
                 {
                     "kind": "js",
-                    "name": "animationOptions",
+                    "name": "AnimationOptions",
                     "declaration": {
-                        "name": "animationOptions",
-                        "module": "stories/story-parts/animation-options.ts"
+                        "name": "AnimationOptions",
+                        "module": "stories/timered-counter/index.stories.ts"
                     }
-                }
-            ]
-        },
-        {
-            "kind": "javascript-module",
-            "path": "stories/story-parts/big-number.ts",
-            "declarations": [
+                },
                 {
-                    "kind": "function",
-                    "name": "bigNumber",
-                    "parameters": [
-                        {
-                            "name": "context",
-                            "type": {
-                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
-                            }
-                        },
-                        {
-                            "name": "{\n    counter,\n    setBy,\n    equal = _equal,\n  }",
-                            "type": {
-                                "text": "{\n    counter: TC;\n    setBy: (counter: TC, key: string, value: string) => void;\n    equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n  }"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "exports": [
+                    "kind": "js",
+                    "name": "Styles",
+                    "declaration": {
+                        "name": "Styles",
+                        "module": "stories/timered-counter/index.stories.ts"
+                    }
+                },
                 {
                     "kind": "js",
-                    "name": "bigNumber",
+                    "name": "Slots",
                     "declaration": {
-                        "name": "bigNumber",
-                        "module": "stories/story-parts/big-number.ts"
+                        "name": "Slots",
+                        "module": "stories/timered-counter/index.stories.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/story-parts/datetime-locale.ts",
+            "path": "stories/timered-counter-datetime-duration/index.stories.ts",
             "declarations": [
                 {
-                    "kind": "function",
-                    "name": "datetimeLocale",
-                    "parameters": [
-                        {
-                            "name": "context",
-                            "type": {
-                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
-                            }
-                        },
-                        {
-                            "name": "{\n    counter,\n    setBy,\n  }",
-                            "type": {
-                                "text": "{\n    counter: TC;\n    setBy: (counter: TC, key: string, value: Date[] | string) => void;\n    equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n  }"
-                            }
-                        }
-                    ]
+                    "kind": "variable",
+                    "name": "meta",
+                    "type": {
+                        "text": "Meta"
+                    },
+                    "default": "{ title: 'TimeredCounterDatetimeDuration', component: 'timered-counter-datetime-duration', tags: ['autodocs', 'timered-counter-datetime-duration'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "Basic",
+                    "type": {
+                        "text": "StoryObj<TimeredCounterDatetimeDuration>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; const list = [ ...range(0, 2).map(v => [new Date(), addSeconds(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addMinutes(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addHours(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addDays(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addMonths(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addYears(new Date(), v)]), ]; await step('Testing with attribute', async () => { await valueChange(context, { counter, list, setBy: setByAttr, equal }); }); await step('Testing with property', async () => { await valueChange(context, { counter, list, setBy: setByProp, equal }); }); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "Precision",
+                    "type": {
+                        "text": "StoryObj<TimeredCounterDatetimeDuration>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; await step('Testing with attribute', async () => datetimePrecision(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => datetimePrecision(context, { counter, setBy: setByProp, equal }), ); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "Locale",
+                    "type": {
+                        "text": "StoryObj<TimeredCounterDatetimeDuration>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; await step('Testing with attribute', () => datetimeLocale(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', () => datetimeLocale(context, { counter, setBy: setByProp, equal }), ); }, }"
                 }
             ],
             "exports": [
                 {
                     "kind": "js",
-                    "name": "datetimeLocale",
+                    "name": "default",
                     "declaration": {
-                        "name": "datetimeLocale",
-                        "module": "stories/story-parts/datetime-locale.ts"
+                        "name": "meta",
+                        "module": "stories/timered-counter-datetime-duration/index.stories.ts"
                     }
-                }
-            ]
-        },
-        {
-            "kind": "javascript-module",
-            "path": "stories/story-parts/datetime-precision.ts",
-            "declarations": [
-                {
-                    "kind": "function",
-                    "name": "datetimePrecision",
-                    "parameters": [
-                        {
-                            "name": "context",
-                            "type": {
-                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
-                            }
-                        },
-                        {
-                            "name": "{\n    counter,\n    setBy,\n  }",
-                            "type": {
-                                "text": "{\n    counter: TC;\n    setBy: (counter: TC, key: string, value: Date[] | string) => void;\n    equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n  }"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "exports": [
+                },
                 {
                     "kind": "js",
-                    "name": "datetimePrecision",
+                    "name": "Basic",
                     "declaration": {
-                        "name": "datetimePrecision",
-                        "module": "stories/story-parts/datetime-precision.ts"
+                        "name": "Basic",
+                        "module": "stories/timered-counter-datetime-duration/index.stories.ts"
                     }
-                }
-            ]
-        },
-        {
-            "kind": "javascript-module",
-            "path": "stories/story-parts/edge-case.ts",
-            "declarations": [
+                },
                 {
-                    "kind": "function",
-                    "name": "edgeCase",
-                    "parameters": [
-                        {
-                            "name": "context",
-                            "type": {
-                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
-                            }
-                        },
-                        {
-                            "name": "{\n    counter,\n    list,\n    setBy,\n  }",
-                            "type": {
-                                "text": "{\n    counter: TC;\n    list: [label: string, value: T, expectedValue: T][];\n    setBy: (counter: TC, key: string, value: T) => void;\n  }"
-                            }
-                        }
-                    ]
-                }
-            ],
-            "exports": [
+                    "kind": "js",
+                    "name": "Precision",
+                    "declaration": {
+                        "name": "Precision",
+                        "module": "stories/timered-counter-datetime-duration/index.stories.ts"
+                    }
+                },
                 {
                     "kind": "js",
-                    "name": "edgeCase",
+                    "name": "Locale",
                     "declaration": {
-                        "name": "edgeCase",
-                        "module": "stories/story-parts/edge-case.ts"
+                        "name": "Locale",
+                        "module": "stories/timered-counter-datetime-duration/index.stories.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/story-parts/emoji.ts",
+            "path": "stories/story-parts/animation-events.ts",
             "declarations": [
                 {
                     "kind": "function",
-                    "name": "emoji",
+                    "name": "animationEvents",
                     "parameters": [
                         {
                             "name": "context",
@@ -6667,9 +6719,9 @@
                             }
                         },
                         {
-                            "name": "{\n    counter,\n    setBy,\n    list,\n  }",
+                            "name": "{\n    counter,\n    list = range(0, 5).map(v => v * 10) as T[],\n    setBy,\n    equal = _equal,\n  }",
                             "type": {
-                                "text": "{\n    counter: TC;\n    list: string[];\n    setBy: (counter: TC, key: string, value: string) => void;\n    equal?: (counter: TimeredCounter, a: any, b: string) => Promise<void>;\n  }"
+                                "text": "{\n    counter: TC;\n    list?: T[];\n    setBy: (counter: TC, key: string, value: T) => void;\n    equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n  }"
                             }
                         }
                     ]
@@ -6678,21 +6730,21 @@
             "exports": [
                 {
                     "kind": "js",
-                    "name": "emoji",
+                    "name": "animationEvents",
                     "declaration": {
-                        "name": "emoji",
-                        "module": "stories/story-parts/emoji.ts"
+                        "name": "animationEvents",
+                        "module": "stories/story-parts/animation-events.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/story-parts/locale-number.ts",
+            "path": "stories/story-parts/animation-options.ts",
             "declarations": [
                 {
                     "kind": "function",
-                    "name": "localeNumber",
+                    "name": "animationOptions",
                     "parameters": [
                         {
                             "name": "context",
@@ -6701,9 +6753,9 @@
                             }
                         },
                         {
-                            "name": "{\n    counter,\n    setBy,\n  }",
+                            "name": "{\n    counter,\n    list = [114514] as T[],\n    setBy,\n  }",
                             "type": {
-                                "text": "{\n    counter: TC;\n    setBy: (counter: TC, key: string, value: string) => void;\n  }"
+                                "text": "{\n    counter: TC;\n    list?: T[];\n    setBy: (counter: TC, key: string, value: T) => void;\n  }"
                             }
                         }
                     ]
@@ -6712,33 +6764,21 @@
             "exports": [
                 {
                     "kind": "js",
-                    "name": "localeNumber",
+                    "name": "animationOptions",
                     "declaration": {
-                        "name": "localeNumber",
-                        "module": "stories/story-parts/locale-number.ts"
+                        "name": "animationOptions",
+                        "module": "stories/story-parts/animation-options.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/story-parts/slots.ts",
+            "path": "stories/story-parts/big-number.ts",
             "declarations": [
                 {
                     "kind": "function",
-                    "name": "render",
-                    "parameters": [
-                        {
-                            "name": "args",
-                            "type": {
-                                "text": "any"
-                            }
-                        }
-                    ]
-                },
-                {
-                    "kind": "function",
-                    "name": "slots",
+                    "name": "bigNumber",
                     "parameters": [
                         {
                             "name": "context",
@@ -6747,9 +6787,9 @@
                             }
                         },
                         {
-                            "name": "{\n    counter,\n  }",
+                            "name": "{\n    counter,\n    setBy,\n    equal = _equal,\n  }",
                             "type": {
-                                "text": "{\n    counter: TC;\n    list?: T[];\n    setBy?: (counter: TC, key: string, value: T) => void;\n    equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n  }"
+                                "text": "{\n    counter: TC;\n    setBy: (counter: TC, key: string, value: string) => void;\n    equal?: (counter: TimeredCounter, a: any, b: any) => Promise<void>;\n  }"
                             }
                         }
                     ]
@@ -6758,29 +6798,21 @@
             "exports": [
                 {
                     "kind": "js",
-                    "name": "render",
-                    "declaration": {
-                        "name": "render",
-                        "module": "stories/story-parts/slots.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "slots",
+                    "name": "bigNumber",
                     "declaration": {
-                        "name": "slots",
-                        "module": "stories/story-parts/slots.ts"
+                        "name": "bigNumber",
+                        "module": "stories/story-parts/big-number.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/story-parts/styles.ts",
+            "path": "stories/story-parts/datetime-locale.ts",
             "declarations": [
                 {
                     "kind": "function",
-                    "name": "styles",
+                    "name": "datetimeLocale",
                     "parameters": [
                         {
                             "name": "context",
@@ -6791,7 +6823,7 @@
                         {
                             "name": "{\n    counter,\n    setBy,\n  }",
                             "type": {
-                                "text": "{\n    counter: TC;\n    setBy: (counter: TC, key: string, value: string) => void;\n  }"
+                                "text": "{\n    counter: TC;\n    setBy: (counter: TC, key: string, value: Date[] | string) => void;\n    equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n  }"
                             }
                         }
                     ]
@@ -6800,21 +6832,21 @@
             "exports": [
                 {
                     "kind": "js",
-                    "name": "styles",
+                    "name": "datetimeLocale",
                     "declaration": {
-                        "name": "styles",
-                        "module": "stories/story-parts/styles.ts"
+                        "name": "datetimeLocale",
+                        "module": "stories/story-parts/datetime-locale.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/story-parts/value-change.ts",
+            "path": "stories/story-parts/datetime-precision.ts",
             "declarations": [
                 {
                     "kind": "function",
-                    "name": "valueChange",
+                    "name": "datetimePrecision",
                     "parameters": [
                         {
                             "name": "context",
@@ -6823,9 +6855,9 @@
                             }
                         },
                         {
-                            "name": "{\n    counter,\n    list = range(0, 5).map(v => v * 10) as T[],\n    setBy,\n    equal = _equal,\n  }",
+                            "name": "{\n    counter,\n    setBy,\n  }",
                             "type": {
-                                "text": "{\n    counter: TC;\n    list?: T[];\n    setBy: (counter: TC, key: string, value: T) => void;\n    equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n  }"
+                                "text": "{\n    counter: TC;\n    setBy: (counter: TC, key: string, value: Date[] | string) => void;\n    equal: (counter: TimeredCounter, a: any, b: Date[]) => Promise<void>;\n  }"
                             }
                         }
                     ]
@@ -6834,450 +6866,358 @@
             "exports": [
                 {
                     "kind": "js",
-                    "name": "valueChange",
-                    "declaration": {
-                        "name": "valueChange",
-                        "module": "stories/story-parts/value-change.ts"
-                    }
-                }
-            ]
-        },
-        {
-            "kind": "javascript-module",
-            "path": "stories/timered-counter/decimaljs.stories.ts",
-            "declarations": [
-                {
-                    "kind": "variable",
-                    "name": "meta",
-                    "type": {
-                        "text": "Meta"
-                    },
-                    "default": "{ title: 'TimeredCounter/with decimal.js', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "BigNumber",
-                    "type": {
-                        "text": "StoryObj<TimeredCounter>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp }), ); }, }"
-                }
-            ],
-            "exports": [
-                {
-                    "kind": "js",
-                    "name": "default",
-                    "declaration": {
-                        "name": "meta",
-                        "module": "stories/timered-counter/decimaljs.stories.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Basic",
-                    "declaration": {
-                        "name": "Basic",
-                        "module": "./index.stories.js"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Events",
-                    "declaration": {
-                        "name": "Events",
-                        "module": "./index.stories.js"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "AnimationOptions",
-                    "declaration": {
-                        "name": "AnimationOptions",
-                        "module": "./index.stories.js"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Slots",
-                    "declaration": {
-                        "name": "Slots",
-                        "module": "./index.stories.js"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Styles",
-                    "declaration": {
-                        "name": "Styles",
-                        "module": "./index.stories.js"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "BigNumber",
+                    "name": "datetimePrecision",
                     "declaration": {
-                        "name": "BigNumber",
-                        "module": "stories/timered-counter/decimaljs.stories.ts"
+                        "name": "datetimePrecision",
+                        "module": "stories/story-parts/datetime-precision.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/timered-counter/index.stories.ts",
+            "path": "stories/story-parts/edge-case.ts",
             "declarations": [
                 {
-                    "kind": "variable",
-                    "name": "meta",
-                    "type": {
-                        "text": "Meta"
-                    },
-                    "default": "{ title: 'TimeredCounter', component: 'timered-counter', tags: ['autodocs', 'timered-counter'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, globals: { setByAttr, setByProp, }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "Basic",
-                    "type": {
-                        "text": "StoryObj<TimeredCounter>"
-                    },
-                    "default": "{ args: { className: 'test-target', // @ts-ignore value: '0', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await valueChange(context, { counter, setBy: setByAttr, }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', '0'], ['Setting a non-number', 'a', '0'], ['Setting a decimal number', '1.1', '1.1'], ['Setting a negative number', '-1', '-1'], ['Setting Infinity', 'Infinity', '0'], ['Setting NaN', 'NaN', '0'], ['Setting null', 'null', '0'], ['Setting undefined', 'undefined', '0'], ['Setting true', 'true', '0'], ['Setting false', 'false', '0'], ['Setting an object', '{}', '0'], ['Setting an array', '[]', '0'], ['Setting a function', '() => {}', '0'], ['Setting a Symbol', 'Symbol()', '0'], ['Setting a BigInt', 'BigInt(1)', '0'], ], setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await valueChange(context, { counter, setBy: setByProp }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', 0], ['Setting a non-number', 'a', 0], ['Setting a decimal number', '1.1', 1.1], ['Setting a negative number', '-1', -1], ['Setting Infinity', 'Infinity', 0], ['Setting NaN', 'NaN', 0], ['Setting null', 'null', 0], ['Setting undefined', 'undefined', 0], ['Setting true', 'true', 0], ['Setting false', 'false', 0], ['Setting an object', '{}', 0], ['Setting an array', '[]', 0], ['Setting a function', '() => {}', 0], ['Setting a Symbol', 'Symbol()', 0], ['Setting a BigInt', 'BigInt(1)', 0], ], setBy: setByProp, }), ); }); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "Events",
-                    "type": {
-                        "text": "StoryObj<TimeredCounter>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByProp, }), ); }); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "AnimationOptions",
-                    "type": {
-                        "text": "StoryObj<TimeredCounter>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation options', async () => animationOptions(context, { counter, setBy: setByAttr, }), ); }); // await step('Testing with property', async () => { // await step('Animation options', async () => // animationOptions(context, { // counter, // list, // setBy: setByProp, // }), // ); // }); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "Styles",
-                    "type": {
-                        "text": "StoryObj<TimeredCounter>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByProp, }), ); }); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "Slots",
-                    "type": {
-                        "text": "StoryObj<TimeredCounter>"
-                    },
-                    "default": "{ args: { className: 'test-target', value: 0, }, render: slotsRender, async play(context) { const { canvasElement } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await slots(context, { counter }); }, }"
-                }
-            ],
-            "exports": [
-                {
-                    "kind": "js",
-                    "name": "default",
-                    "declaration": {
-                        "name": "meta",
-                        "module": "stories/timered-counter/index.stories.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Basic",
-                    "declaration": {
-                        "name": "Basic",
-                        "module": "stories/timered-counter/index.stories.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Events",
-                    "declaration": {
-                        "name": "Events",
-                        "module": "stories/timered-counter/index.stories.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "AnimationOptions",
-                    "declaration": {
-                        "name": "AnimationOptions",
-                        "module": "stories/timered-counter/index.stories.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Styles",
-                    "declaration": {
-                        "name": "Styles",
-                        "module": "stories/timered-counter/index.stories.ts"
-                    }
-                },
+                    "kind": "function",
+                    "name": "edgeCase",
+                    "parameters": [
+                        {
+                            "name": "context",
+                            "type": {
+                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
+                            }
+                        },
+                        {
+                            "name": "{\n    counter,\n    list,\n    setBy,\n  }",
+                            "type": {
+                                "text": "{\n    counter: TC;\n    list: [label: string, value: T, expectedValue: T][];\n    setBy: (counter: TC, key: string, value: T) => void;\n  }"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
                 {
                     "kind": "js",
-                    "name": "Slots",
+                    "name": "edgeCase",
                     "declaration": {
-                        "name": "Slots",
-                        "module": "stories/timered-counter/index.stories.ts"
+                        "name": "edgeCase",
+                        "module": "stories/story-parts/edge-case.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/timered-counter-datetime-duration/index.stories.ts",
+            "path": "stories/story-parts/emoji.ts",
             "declarations": [
                 {
-                    "kind": "variable",
-                    "name": "meta",
-                    "type": {
-                        "text": "Meta"
-                    },
-                    "default": "{ title: 'TimeredCounterDatetimeDuration', component: 'timered-counter-datetime-duration', tags: ['autodocs', 'timered-counter-datetime-duration'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "Basic",
-                    "type": {
-                        "text": "StoryObj<TimeredCounterDatetimeDuration>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; const list = [ ...range(0, 2).map(v => [new Date(), addSeconds(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addMinutes(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addHours(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addDays(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addMonths(new Date(), v)]), ...range(0, 2).map(v => [new Date(), addYears(new Date(), v)]), ]; await step('Testing with attribute', async () => { await valueChange(context, { counter, list, setBy: setByAttr, equal }); }); await step('Testing with property', async () => { await valueChange(context, { counter, list, setBy: setByProp, equal }); }); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "Precision",
-                    "type": {
-                        "text": "StoryObj<TimeredCounterDatetimeDuration>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; await step('Testing with attribute', async () => datetimePrecision(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => datetimePrecision(context, { counter, setBy: setByProp, equal }), ); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "Locale",
-                    "type": {
-                        "text": "StoryObj<TimeredCounterDatetimeDuration>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounterDatetimeDuration; await step('Testing with attribute', () => datetimeLocale(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', () => datetimeLocale(context, { counter, setBy: setByProp, equal }), ); }, }"
+                    "kind": "function",
+                    "name": "emoji",
+                    "parameters": [
+                        {
+                            "name": "context",
+                            "type": {
+                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
+                            }
+                        },
+                        {
+                            "name": "{\n    counter,\n    setBy,\n    list,\n  }",
+                            "type": {
+                                "text": "{\n    counter: TC;\n    list: string[];\n    setBy: (counter: TC, key: string, value: string) => void;\n    equal?: (counter: TimeredCounter, a: any, b: string) => Promise<void>;\n  }"
+                            }
+                        }
+                    ]
                 }
             ],
             "exports": [
                 {
                     "kind": "js",
-                    "name": "default",
-                    "declaration": {
-                        "name": "meta",
-                        "module": "stories/timered-counter-datetime-duration/index.stories.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Basic",
+                    "name": "emoji",
                     "declaration": {
-                        "name": "Basic",
-                        "module": "stories/timered-counter-datetime-duration/index.stories.ts"
+                        "name": "emoji",
+                        "module": "stories/story-parts/emoji.ts"
                     }
-                },
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "stories/story-parts/locale-number.ts",
+            "declarations": [
                 {
-                    "kind": "js",
-                    "name": "Precision",
-                    "declaration": {
-                        "name": "Precision",
-                        "module": "stories/timered-counter-datetime-duration/index.stories.ts"
-                    }
-                },
+                    "kind": "function",
+                    "name": "localeNumber",
+                    "parameters": [
+                        {
+                            "name": "context",
+                            "type": {
+                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
+                            }
+                        },
+                        {
+                            "name": "{\n    counter,\n    setBy,\n  }",
+                            "type": {
+                                "text": "{\n    counter: TC;\n    setBy: (counter: TC, key: string, value: string) => void;\n  }"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
                 {
                     "kind": "js",
-                    "name": "Locale",
+                    "name": "localeNumber",
                     "declaration": {
-                        "name": "Locale",
-                        "module": "stories/timered-counter-datetime-duration/index.stories.ts"
+                        "name": "localeNumber",
+                        "module": "stories/story-parts/locale-number.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/timered-counter-number/decimaljs.stories.ts",
+            "path": "stories/story-parts/slots.ts",
             "declarations": [
                 {
-                    "kind": "variable",
-                    "name": "meta",
-                    "type": {
-                        "text": "Meta"
-                    },
-                    "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
+                    "kind": "function",
+                    "name": "render",
+                    "parameters": [
+                        {
+                            "name": "args",
+                            "type": {
+                                "text": "any"
+                            }
+                        }
+                    ]
                 },
                 {
-                    "kind": "variable",
-                    "name": "BigNumber",
-                    "type": {
-                        "text": "StoryObj<TimeredCounterNumber>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp }), ); }, }"
+                    "kind": "function",
+                    "name": "slots",
+                    "parameters": [
+                        {
+                            "name": "context",
+                            "type": {
+                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
+                            }
+                        },
+                        {
+                            "name": "{\n    counter,\n  }",
+                            "type": {
+                                "text": "{\n    counter: TC;\n    list?: T[];\n    setBy?: (counter: TC, key: string, value: T) => void;\n    equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n  }"
+                            }
+                        }
+                    ]
                 }
             ],
             "exports": [
                 {
                     "kind": "js",
-                    "name": "Basic",
-                    "declaration": {
-                        "name": "Basic",
-                        "module": "./index.stories.js"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Events",
+                    "name": "render",
                     "declaration": {
-                        "name": "Events",
-                        "module": "./index.stories.js"
+                        "name": "render",
+                        "module": "stories/story-parts/slots.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "Styles",
+                    "name": "slots",
                     "declaration": {
-                        "name": "Styles",
-                        "module": "./index.stories.js"
+                        "name": "slots",
+                        "module": "stories/story-parts/slots.ts"
                     }
-                },
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "stories/story-parts/styles.ts",
+            "declarations": [
                 {
-                    "kind": "js",
-                    "name": "LocaleNumber",
-                    "declaration": {
-                        "name": "LocaleNumber",
-                        "module": "./index.stories.js"
-                    }
-                },
+                    "kind": "function",
+                    "name": "styles",
+                    "parameters": [
+                        {
+                            "name": "context",
+                            "type": {
+                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
+                            }
+                        },
+                        {
+                            "name": "{\n    counter,\n    setBy,\n  }",
+                            "type": {
+                                "text": "{\n    counter: TC;\n    setBy: (counter: TC, key: string, value: string) => void;\n  }"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
                 {
                     "kind": "js",
-                    "name": "AnimationOptions",
+                    "name": "styles",
                     "declaration": {
-                        "name": "AnimationOptions",
-                        "module": "./index.stories.js"
+                        "name": "styles",
+                        "module": "stories/story-parts/styles.ts"
                     }
-                },
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "stories/story-parts/value-change.ts",
+            "declarations": [
                 {
-                    "kind": "js",
-                    "name": "default",
-                    "declaration": {
-                        "name": "meta",
-                        "module": "stories/timered-counter-number/decimaljs.stories.ts"
-                    }
-                },
+                    "kind": "function",
+                    "name": "valueChange",
+                    "parameters": [
+                        {
+                            "name": "context",
+                            "type": {
+                                "text": "Parameters<NoUndefinedField<StoryObj>['play']>[0]"
+                            }
+                        },
+                        {
+                            "name": "{\n    counter,\n    list = range(0, 5).map(v => v * 10) as T[],\n    setBy,\n    equal = _equal,\n  }",
+                            "type": {
+                                "text": "{\n    counter: TC;\n    list?: T[];\n    setBy: (counter: TC, key: string, value: T) => void;\n    equal?: (counter: TimeredCounter, a: any, b: T) => Promise<void>;\n  }"
+                            }
+                        }
+                    ]
+                }
+            ],
+            "exports": [
                 {
                     "kind": "js",
-                    "name": "BigNumber",
+                    "name": "valueChange",
                     "declaration": {
-                        "name": "BigNumber",
-                        "module": "stories/timered-counter-number/decimaljs.stories.ts"
+                        "name": "valueChange",
+                        "module": "stories/story-parts/value-change.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/timered-counter-number/index.stories.ts",
+            "path": "stories/utils/index.ts",
             "declarations": [
                 {
-                    "kind": "variable",
-                    "name": "meta",
-                    "type": {
-                        "text": "Meta"
-                    },
-                    "default": "{ title: 'TimeredCounterNumber', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "Basic",
-                    "type": {
-                        "text": "StoryObj<TimeredCounterNumber>"
-                    },
-                    "default": "{ args: { className: 'test-target', // @ts-ignore value: '0', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await valueChange(context, { counter, setBy: setByAttr, }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', '0'], ['Setting a non-number', 'a', '0'], ['Setting a decimal number', '1.1', '1.1'], ['Setting a negative number', '-1', '-1'], ['Setting Infinity', 'Infinity', '0'], ['Setting NaN', 'NaN', '0'], ['Setting null', 'null', '0'], ['Setting undefined', 'undefined', '0'], ['Setting true', 'true', '0'], ['Setting false', 'false', '0'], ['Setting an object', '{}', '0'], ['Setting an array', '[]', '0'], ['Setting a function', '() => {}', '0'], ['Setting a Symbol', 'Symbol()', '0'], ['Setting a BigInt', 'BigInt(1)', '0'], ], setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await valueChange(context, { counter, setBy: setByProp }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', 0], ['Setting a non-number', 'a', 0], ['Setting a decimal number', '1.1', 1.1], ['Setting a negative number', '-1', -1], ['Setting Infinity', 'Infinity', 0], ['Setting NaN', 'NaN', 0], ['Setting null', 'null', 0], ['Setting undefined', 'undefined', 0], ['Setting true', 'true', 0], ['Setting false', 'false', 0], ['Setting an object', '{}', 0], ['Setting an array', '[]', 0], ['Setting a function', '() => {}', 0], ['Setting a Symbol', 'Symbol()', 0], ['Setting a BigInt', 'BigInt(1)', 0], ], setBy: setByProp, }), ); }); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "Events",
-                    "type": {
-                        "text": "StoryObj<TimeredCounterNumber>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByProp, }), ); }); }, }"
+                    "kind": "function",
+                    "name": "equal",
+                    "parameters": [
+                        {
+                            "name": "counter",
+                            "type": {
+                                "text": "TimeredCounter"
+                            }
+                        },
+                        {
+                            "name": "a",
+                            "type": {
+                                "text": "any"
+                            }
+                        },
+                        {
+                            "name": "b",
+                            "type": {
+                                "text": "any"
+                            }
+                        }
+                    ]
                 },
                 {
-                    "kind": "variable",
-                    "name": "AnimationOptions",
-                    "type": {
-                        "text": "StoryObj<TimeredCounterNumber>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation options', async () => animationOptions(context, { counter, setBy: setByAttr, }), ); }); // await step('Testing with property', async () => { // await step('Animation options', async () => // animationOptions(context, { // counter, // list, // setBy: setByProp, // }), // ); // }); }, }"
+                    "kind": "function",
+                    "name": "setByAttr",
+                    "parameters": [
+                        {
+                            "name": "element",
+                            "type": {
+                                "text": "TimeredCounter"
+                            }
+                        },
+                        {
+                            "name": "attr",
+                            "type": {
+                                "text": "string"
+                            }
+                        },
+                        {
+                            "name": "value",
+                            "type": {
+                                "text": "any"
+                            }
+                        }
+                    ]
                 },
                 {
-                    "kind": "variable",
-                    "name": "Styles",
-                    "type": {
-                        "text": "StoryObj<TimeredCounterNumber>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByProp, }), ); }); }, }"
+                    "kind": "function",
+                    "name": "setByProp",
+                    "parameters": [
+                        {
+                            "name": "element",
+                            "type": {
+                                "text": "TimeredCounter"
+                            }
+                        },
+                        {
+                            "name": "prop",
+                            "type": {
+                                "text": "string"
+                            }
+                        },
+                        {
+                            "name": "value",
+                            "type": {
+                                "text": "any"
+                            }
+                        }
+                    ]
                 },
                 {
-                    "kind": "variable",
-                    "name": "LocaleNumber",
-                    "type": {
-                        "text": "StoryObj<TimeredCounterNumber>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Locale number', async () => localeNumber(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Locale number', async () => localeNumber(context, { counter, setBy: setByProp, }), ); }); }, }"
+                    "kind": "function",
+                    "name": "sleep",
+                    "parameters": [
+                        {
+                            "name": "ms",
+                            "type": {
+                                "text": "number"
+                            }
+                        }
+                    ]
                 }
             ],
             "exports": [
                 {
                     "kind": "js",
-                    "name": "default",
-                    "declaration": {
-                        "name": "meta",
-                        "module": "stories/timered-counter-number/index.stories.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Basic",
-                    "declaration": {
-                        "name": "Basic",
-                        "module": "stories/timered-counter-number/index.stories.ts"
-                    }
-                },
-                {
-                    "kind": "js",
-                    "name": "Events",
+                    "name": "equal",
                     "declaration": {
-                        "name": "Events",
-                        "module": "stories/timered-counter-number/index.stories.ts"
+                        "name": "equal",
+                        "module": "stories/utils/index.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "AnimationOptions",
+                    "name": "setByAttr",
                     "declaration": {
-                        "name": "AnimationOptions",
-                        "module": "stories/timered-counter-number/index.stories.ts"
+                        "name": "setByAttr",
+                        "module": "stories/utils/index.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "Styles",
+                    "name": "setByProp",
                     "declaration": {
-                        "name": "Styles",
-                        "module": "stories/timered-counter-number/index.stories.ts"
+                        "name": "setByProp",
+                        "module": "stories/utils/index.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "LocaleNumber",
+                    "name": "sleep",
                     "declaration": {
-                        "name": "LocaleNumber",
-                        "module": "stories/timered-counter-number/index.stories.ts"
+                        "name": "sleep",
+                        "module": "stories/utils/index.ts"
                     }
                 }
             ]
@@ -7516,55 +7456,143 @@
                     "kind": "js",
                     "name": "default",
                     "declaration": {
-                        "name": "meta",
-                        "module": "stories/timered-counter-string/index.stories.ts"
+                        "name": "meta",
+                        "module": "stories/timered-counter-string/index.stories.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "Basic",
+                    "declaration": {
+                        "name": "Basic",
+                        "module": "stories/timered-counter-string/index.stories.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "Events",
+                    "declaration": {
+                        "name": "Events",
+                        "module": "stories/timered-counter-string/index.stories.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "AnimationOptions",
+                    "declaration": {
+                        "name": "AnimationOptions",
+                        "module": "stories/timered-counter-string/index.stories.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "Styles",
+                    "declaration": {
+                        "name": "Styles",
+                        "module": "stories/timered-counter-string/index.stories.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "Emoji",
+                    "declaration": {
+                        "name": "Emoji",
+                        "module": "stories/timered-counter-string/index.stories.ts"
+                    }
+                }
+            ]
+        },
+        {
+            "kind": "javascript-module",
+            "path": "stories/timered-counter-string/intl-segmenter.stories.ts",
+            "declarations": [
+                {
+                    "kind": "variable",
+                    "name": "meta",
+                    "type": {
+                        "text": "Meta"
+                    },
+                    "default": "{ title: 'TimeredCounterString/with Intl Segmenter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); setStringAdapter('intl-segmenter'); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "Events",
+                    "type": {
+                        "text": "StoryObj<TimeredCounterString>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.sentence({ min: 1, max: 2 }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "BigNumber",
+                    "type": {
+                        "text": "StoryObj<TimeredCounterString>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp, equal }), ); }, }"
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "js",
+                    "name": "Basic",
+                    "declaration": {
+                        "name": "Basic",
+                        "module": "./index.stories.js"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "AnimationOptions",
+                    "declaration": {
+                        "name": "AnimationOptions",
+                        "module": "./index.stories.js"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "Basic",
+                    "name": "Styles",
                     "declaration": {
-                        "name": "Basic",
-                        "module": "stories/timered-counter-string/index.stories.ts"
+                        "name": "Styles",
+                        "module": "./index.stories.js"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "Events",
+                    "name": "Emoji",
                     "declaration": {
-                        "name": "Events",
-                        "module": "stories/timered-counter-string/index.stories.ts"
+                        "name": "Emoji",
+                        "module": "./index.stories.js"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "AnimationOptions",
+                    "name": "default",
                     "declaration": {
-                        "name": "AnimationOptions",
-                        "module": "stories/timered-counter-string/index.stories.ts"
+                        "name": "meta",
+                        "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "Styles",
+                    "name": "Events",
                     "declaration": {
-                        "name": "Styles",
-                        "module": "stories/timered-counter-string/index.stories.ts"
+                        "name": "Events",
+                        "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "Emoji",
+                    "name": "BigNumber",
                     "declaration": {
-                        "name": "Emoji",
-                        "module": "stories/timered-counter-string/index.stories.ts"
+                        "name": "BigNumber",
+                        "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/timered-counter-string/intl-segmenter.stories.ts",
+            "path": "stories/timered-counter-number/decimaljs.stories.ts",
             "declarations": [
                 {
                     "kind": "variable",
@@ -7572,23 +7600,15 @@
                     "type": {
                         "text": "Meta"
                     },
-                    "default": "{ title: 'TimeredCounterString/with Intl Segmenter', component: 'timered-counter-string', tags: ['autodocs', 'timered-counter-string'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); setStringAdapter('intl-segmenter'); }, }"
-                },
-                {
-                    "kind": "variable",
-                    "name": "Events",
-                    "type": {
-                        "text": "StoryObj<TimeredCounterString>"
-                    },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100 }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; const list = range(0, 5).map(() => faker.lorem.sentence({ min: 1, max: 2 }), ); await step('Testing with attribute', () => animationEvents(context, { counter, list, setBy: setByAttr, equal }), ); await step('Testing with property', () => animationEvents(context, { counter, list, setBy: setByProp, equal }), ); }, }"
+                    "default": "{ title: 'TimeredCounterNumber/with decimal.js', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('decimal.js'); }, }"
                 },
                 {
                     "kind": "variable",
                     "name": "BigNumber",
                     "type": {
-                        "text": "StoryObj<TimeredCounterString>"
+                        "text": "StoryObj<TimeredCounterNumber>"
                     },
-                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr, equal }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp, equal }), ); }, }"
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => bigNumber(context, { counter, setBy: setByAttr }), ); await step('Testing with property', async () => bigNumber(context, { counter, setBy: setByProp }), ); }, }"
                 }
             ],
             "exports": [
@@ -7602,9 +7622,9 @@
                 },
                 {
                     "kind": "js",
-                    "name": "AnimationOptions",
+                    "name": "Events",
                     "declaration": {
-                        "name": "AnimationOptions",
+                        "name": "Events",
                         "module": "./index.stories.js"
                     }
                 },
@@ -7618,26 +7638,26 @@
                 },
                 {
                     "kind": "js",
-                    "name": "Emoji",
+                    "name": "LocaleNumber",
                     "declaration": {
-                        "name": "Emoji",
+                        "name": "LocaleNumber",
                         "module": "./index.stories.js"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "default",
+                    "name": "AnimationOptions",
                     "declaration": {
-                        "name": "meta",
-                        "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
+                        "name": "AnimationOptions",
+                        "module": "./index.stories.js"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "Events",
+                    "name": "default",
                     "declaration": {
-                        "name": "Events",
-                        "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
+                        "name": "meta",
+                        "module": "stories/timered-counter-number/decimaljs.stories.ts"
                     }
                 },
                 {
@@ -7645,131 +7665,111 @@
                     "name": "BigNumber",
                     "declaration": {
                         "name": "BigNumber",
-                        "module": "stories/timered-counter-string/intl-segmenter.stories.ts"
+                        "module": "stories/timered-counter-number/decimaljs.stories.ts"
                     }
                 }
             ]
         },
         {
             "kind": "javascript-module",
-            "path": "stories/utils/index.ts",
+            "path": "stories/timered-counter-number/index.stories.ts",
             "declarations": [
                 {
-                    "kind": "function",
-                    "name": "equal",
-                    "parameters": [
-                        {
-                            "name": "counter",
-                            "type": {
-                                "text": "TimeredCounter"
-                            }
-                        },
-                        {
-                            "name": "a",
-                            "type": {
-                                "text": "any"
-                            }
-                        },
-                        {
-                            "name": "b",
-                            "type": {
-                                "text": "any"
-                            }
-                        }
-                    ]
+                    "kind": "variable",
+                    "name": "meta",
+                    "type": {
+                        "text": "Meta"
+                    },
+                    "default": "{ title: 'TimeredCounterNumber', component: 'timered-counter-number', tags: ['autodocs', 'timered-counter-number'], parameters: { controls: { expanded: true }, }, beforeEach: () => { setNumberAdapter('number'); }, }"
                 },
                 {
-                    "kind": "function",
-                    "name": "setByAttr",
-                    "parameters": [
-                        {
-                            "name": "element",
-                            "type": {
-                                "text": "TimeredCounter"
-                            }
-                        },
-                        {
-                            "name": "attr",
-                            "type": {
-                                "text": "string"
-                            }
-                        },
-                        {
-                            "name": "value",
-                            "type": {
-                                "text": "any"
-                            }
-                        }
-                    ]
+                    "kind": "variable",
+                    "name": "Basic",
+                    "type": {
+                        "text": "StoryObj<TimeredCounterNumber>"
+                    },
+                    "default": "{ args: { className: 'test-target', // @ts-ignore value: '0', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await valueChange(context, { counter, setBy: setByAttr, }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', '0'], ['Setting a non-number', 'a', '0'], ['Setting a decimal number', '1.1', '1.1'], ['Setting a negative number', '-1', '-1'], ['Setting Infinity', 'Infinity', '0'], ['Setting NaN', 'NaN', '0'], ['Setting null', 'null', '0'], ['Setting undefined', 'undefined', '0'], ['Setting true', 'true', '0'], ['Setting false', 'false', '0'], ['Setting an object', '{}', '0'], ['Setting an array', '[]', '0'], ['Setting a function', '() => {}', '0'], ['Setting a Symbol', 'Symbol()', '0'], ['Setting a BigInt', 'BigInt(1)', '0'], ], setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await valueChange(context, { counter, setBy: setByProp }); await step('Edge case', async () => edgeCase(context, { counter, list: [ ['Setting an empty string', '', 0], ['Setting a non-number', 'a', 0], ['Setting a decimal number', '1.1', 1.1], ['Setting a negative number', '-1', -1], ['Setting Infinity', 'Infinity', 0], ['Setting NaN', 'NaN', 0], ['Setting null', 'null', 0], ['Setting undefined', 'undefined', 0], ['Setting true', 'true', 0], ['Setting false', 'false', 0], ['Setting an object', '{}', 0], ['Setting an array', '[]', 0], ['Setting a function', '() => {}', 0], ['Setting a Symbol', 'Symbol()', 0], ['Setting a BigInt', 'BigInt(1)', 0], ], setBy: setByProp, }), ); }); }, }"
                 },
                 {
-                    "kind": "function",
-                    "name": "setByProp",
-                    "parameters": [
-                        {
-                            "name": "element",
-                            "type": {
-                                "text": "TimeredCounter"
-                            }
-                        },
-                        {
-                            "name": "prop",
-                            "type": {
-                                "text": "string"
-                            }
-                        },
-                        {
-                            "name": "value",
-                            "type": {
-                                "text": "any"
-                            }
-                        }
-                    ]
+                    "kind": "variable",
+                    "name": "Events",
+                    "type": {
+                        "text": "StoryObj<TimeredCounterNumber>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Animation events', async () => animationEvents(context, { counter, setBy: setByProp, }), ); }); }, }"
                 },
                 {
-                    "kind": "function",
-                    "name": "sleep",
-                    "parameters": [
-                        {
-                            "name": "ms",
-                            "type": {
-                                "text": "number"
-                            }
-                        }
-                    ]
+                    "kind": "variable",
+                    "name": "AnimationOptions",
+                    "type": {
+                        "text": "StoryObj<TimeredCounterNumber>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Animation options', async () => animationOptions(context, { counter, setBy: setByAttr, }), ); }); // await step('Testing with property', async () => { // await step('Animation options', async () => // animationOptions(context, { // counter, // list, // setBy: setByProp, // }), // ); // }); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "Styles",
+                    "type": {
+                        "text": "StoryObj<TimeredCounterNumber>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Styles', async () => styles(context, { counter, setBy: setByProp, }), ); }); }, }"
+                },
+                {
+                    "kind": "variable",
+                    "name": "LocaleNumber",
+                    "type": {
+                        "text": "StoryObj<TimeredCounterNumber>"
+                    },
+                    "default": "{ args: { className: 'test-target', animationOptions: { duration: 100, }, }, async play(context) { const { canvasElement, step } = context; const counter = canvasElement.querySelector( '.test-target', ) as TimeredCounter; await step('Testing with attribute', async () => { await step('Locale number', async () => localeNumber(context, { counter, setBy: setByAttr, }), ); }); await step('Testing with property', async () => { await step('Locale number', async () => localeNumber(context, { counter, setBy: setByProp, }), ); }); }, }"
                 }
             ],
             "exports": [
                 {
                     "kind": "js",
-                    "name": "equal",
+                    "name": "default",
                     "declaration": {
-                        "name": "equal",
-                        "module": "stories/utils/index.ts"
+                        "name": "meta",
+                        "module": "stories/timered-counter-number/index.stories.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "setByAttr",
+                    "name": "Basic",
                     "declaration": {
-                        "name": "setByAttr",
-                        "module": "stories/utils/index.ts"
+                        "name": "Basic",
+                        "module": "stories/timered-counter-number/index.stories.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "setByProp",
+                    "name": "Events",
                     "declaration": {
-                        "name": "setByProp",
-                        "module": "stories/utils/index.ts"
+                        "name": "Events",
+                        "module": "stories/timered-counter-number/index.stories.ts"
                     }
                 },
                 {
                     "kind": "js",
-                    "name": "sleep",
+                    "name": "AnimationOptions",
                     "declaration": {
-                        "name": "sleep",
-                        "module": "stories/utils/index.ts"
+                        "name": "AnimationOptions",
+                        "module": "stories/timered-counter-number/index.stories.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "Styles",
+                    "declaration": {
+                        "name": "Styles",
+                        "module": "stories/timered-counter-number/index.stories.ts"
+                    }
+                },
+                {
+                    "kind": "js",
+                    "name": "LocaleNumber",
+                    "declaration": {
+                        "name": "LocaleNumber",
+                        "module": "stories/timered-counter-number/index.stories.ts"
                     }
                 }
             ]
@@ -7872,18 +7872,6 @@
             "declarations": [],
             "exports": []
         },
-        {
-            "kind": "javascript-module",
-            "path": "storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js",
-            "declarations": [],
-            "exports": []
-        },
-        {
-            "kind": "javascript-module",
-            "path": "storybook-static/sb-addons/essentials-actions-2/manager-bundle.js",
-            "declarations": [],
-            "exports": []
-        },
         {
             "kind": "javascript-module",
             "path": "src/transitions/roller/index.ts",
@@ -8452,7 +8440,7 @@
         },
         {
             "kind": "javascript-module",
-            "path": "storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js",
+            "path": "storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js",
             "declarations": [],
             "exports": []
         },
@@ -8462,6 +8450,12 @@
             "declarations": [],
             "exports": []
         },
+        {
+            "kind": "javascript-module",
+            "path": "storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js",
+            "declarations": [],
+            "exports": []
+        },
         {
             "kind": "javascript-module",
             "path": "storybook-static/sb-addons/essentials-docs-3/manager-bundle.js",
@@ -8486,6 +8480,12 @@
             "declarations": [],
             "exports": []
         },
+        {
+            "kind": "javascript-module",
+            "path": "storybook-static/sb-addons/essentials-actions-2/manager-bundle.js",
+            "declarations": [],
+            "exports": []
+        },
         {
             "kind": "javascript-module",
             "path": "storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js",