@number-flow/react 0.5.5 → 0.5.7

package/dist/{NumberFlow-client-CHWbu7lx.mjs → NumberFlow-client-48rw3j0J.mjs}

@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { define, NumberFlowLite, formatToData, renderInnerHTML } from 'number-flow';
+import NumberFlowLite, { define, formatToData, renderInnerHTML } from 'number-flow/lite';
 import { BROWSER } from 'esm-env';
 
 const REACT_MAJOR = parseInt(React.version.match(/^(\d+)\./)?.[1]);
@@ -44,7 +44,7 @@ class NumberFlowImpl extends React.Component {
     // Data needs to be set in render still:
     updateProperties(prevProps) {
         if (!this.el) return;
-        this.el.manual = !this.props.isolate;
+        this.el.batched = !this.props.isolate;
         const [nonData] = splitProps(this.props);
         Object.entries(nonData).forEach(([k, v])=>{
             // @ts-ignore
@@ -92,9 +92,7 @@ class NumberFlowImpl extends React.Component {
             "data-will-change": willChange ? '' : undefined,
             // Have to rename this:
             class: className,
-            "aria-label": data.valueAsString,
             ...rest,
-            role: "img",
             dangerouslySetInnerHTML: {
                 __html: BROWSER ? '' : renderInnerHTML(data)
             },

package/dist/{NumberFlow-client-CMnZwURp.js → NumberFlow-client-8ThZK4QG.js}

@@ -1,8 +1,10 @@
 'use client';
 var React = require('react');
-var numberFlow = require('number-flow');
+var NumberFlowLite = require('number-flow/lite');
 var esmEnv = require('esm-env');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
 function _interopNamespace(e) {
 	if (e && e.__esModule) return e;
 	var n = Object.create(null);
@@ -22,6 +24,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var NumberFlowLite__default = /*#__PURE__*/_interopDefault(NumberFlowLite);
 
 const REACT_MAJOR = parseInt(React__namespace.version.match(/^(\d+)\./)?.[1]);
 const isReact19 = REACT_MAJOR >= 19;
@@ -30,13 +33,13 @@ const OBSERVED_ATTRIBUTES = [
     'data',
     'digits'
 ];
-class NumberFlowElement extends numberFlow.NumberFlowLite {
+class NumberFlowElement extends NumberFlowLite__default.default {
     attributeChangedCallback(attr, _oldValue, newValue) {
         this[attr] = JSON.parse(newValue);
     }
 }
 NumberFlowElement.observedAttributes = isReact19 ? [] : OBSERVED_ATTRIBUTES;
-numberFlow.define('number-flow-react', NumberFlowElement);
+NumberFlowLite.define('number-flow-react', NumberFlowElement);
 // You're supposed to cache these between uses:
 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString
 // Serialize to strings b/c React:
@@ -64,7 +67,7 @@ class NumberFlowImpl extends React__namespace.Component {
     // Data needs to be set in render still:
     updateProperties(prevProps) {
         if (!this.el) return;
-        this.el.manual = !this.props.isolate;
+        this.el.batched = !this.props.isolate;
         const [nonData] = splitProps(this.props);
         Object.entries(nonData).forEach(([k, v])=>{
             // @ts-ignore
@@ -112,11 +115,9 @@ class NumberFlowImpl extends React__namespace.Component {
             "data-will-change": willChange ? '' : undefined,
             // Have to rename this:
             class: className,
-            "aria-label": data.valueAsString,
             ...rest,
-            role: "img",
             dangerouslySetInnerHTML: {
-                __html: esmEnv.BROWSER ? '' : numberFlow.renderInnerHTML(data)
+                __html: esmEnv.BROWSER ? '' : NumberFlowLite.renderInnerHTML(data)
             },
             suppressHydrationWarning: true,
             digits: serialize(digits),
@@ -142,7 +143,7 @@ const NumberFlow = /*#__PURE__*/ React__namespace.forwardRef(function NumberFlow
     ]);
     const data = React__namespace.useMemo(()=>{
         const formatter = formatters[`${localesString}:${formatString}`] ??= new Intl.NumberFormat(locales, format);
-        return numberFlow.formatToData(value, formatter, prefix, suffix);
+        return NumberFlowLite.formatToData(value, formatter, prefix, suffix);
     }, [
         value,
         localesString,

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 export * from 'number-flow/plugins';
 import * as React from 'react';
-import { NumberFlowLite, Value, Format, Props } from 'number-flow';
-export { Format, NumberPartType, Trend, Value } from 'number-flow';
+import NumberFlowLite, { Value, Format, Props } from 'number-flow/lite';
+export { Format, NumberPartType, Trend, Value } from 'number-flow/lite';
 
 declare const OBSERVED_ATTRIBUTES: readonly ["data", "digits"];
 type ObservedAttribute = (typeof OBSERVED_ATTRIBUTES)[number];

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export * from 'number-flow/plugins';
 import * as React from 'react';
-import { NumberFlowLite, Value, Format, Props } from 'number-flow';
-export { Format, NumberPartType, Trend, Value } from 'number-flow';
+import NumberFlowLite, { Value, Format, Props } from 'number-flow/lite';
+export { Format, NumberPartType, Trend, Value } from 'number-flow/lite';
 
 declare const OBSERVED_ATTRIBUTES: readonly ["data", "digits"];
 type ObservedAttribute = (typeof OBSERVED_ATTRIBUTES)[number];

package/dist/index.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var numberFlow = require('number-flow');
+var NumberFlowLite = require('number-flow/lite');
 var plugins = require('number-flow/plugins');
-var NumberFlowClient = require('./NumberFlow-client-CMnZwURp.js');
+var NumberFlowClient = require('./NumberFlow-client-8ThZK4QG.js');
 
 function _interopNamespace(e) {
 	if (e && e.__esModule) return e;
@@ -25,11 +25,11 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const useIsSupported = ()=>React__namespace.useSyncExternalStore(()=>()=>{}, ()=>numberFlow.canAnimate, ()=>false);
+const useIsSupported = ()=>React__namespace.useSyncExternalStore(()=>()=>{}, ()=>NumberFlowLite.canAnimate, ()=>false);
 const usePrefersReducedMotion = ()=>React__namespace.useSyncExternalStore((cb)=>{
-        numberFlow.prefersReducedMotion?.addEventListener('change', cb);
-        return ()=>numberFlow.prefersReducedMotion?.removeEventListener('change', cb);
-    }, ()=>numberFlow.prefersReducedMotion.matches, ()=>false);
+        NumberFlowLite.prefersReducedMotion?.addEventListener('change', cb);
+        return ()=>NumberFlowLite.prefersReducedMotion?.removeEventListener('change', cb);
+    }, ()=>NumberFlowLite.prefersReducedMotion.matches, ()=>false);
 function useCanAnimate({ respectMotionPreference = true } = {}) {
     const isSupported = useIsSupported();
     const reducedMotion = usePrefersReducedMotion();

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { canAnimate, prefersReducedMotion } from 'number-flow';
+import { canAnimate, prefersReducedMotion } from 'number-flow/lite';
 export * from 'number-flow/plugins';
-export { a as NumberFlowElement, b as NumberFlowGroup, N as default } from './NumberFlow-client-CHWbu7lx.mjs';
+export { a as NumberFlowElement, b as NumberFlowGroup, N as default } from './NumberFlow-client-48rw3j0J.mjs';
 
 const useIsSupported = ()=>React.useSyncExternalStore(()=>()=>{}, ()=>canAnimate, ()=>false);
 const usePrefersReducedMotion = ()=>React.useSyncExternalStore((cb)=>{

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.5",
+  "version": "0.5.7",
   "author": {
     "name": "Maxwell Barvian",
     "email": "max@barvian.me",
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "esm-env": "^1.1.4",
-    "number-flow": "0.5.3"
+    "number-flow": "0.5.5"
   },
   "devDependencies": {
     "@playwright/test": "^1.48.0",