@numeric-text/react 0.1.0

package/README.md

@@ -0,0 +1,3 @@
+# @numeric-text/react
+
+React wrapper for @numeric-text/core

package/dist/NumericText-12s-c2pBkv0T.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { BROWSER } from '@numeric-text/core';
+import { useRef, useLayoutEffect } from 'react';
+
+const NumericText = ({ value, trend, transition, respectMotionPreference, animated = true, ...rest })=>{
+    const ref = useRef(null);
+    const isMounted = useRef(false);
+    useLayoutEffect(()=>{
+        if (ref.current) ref.current.update(value, isMounted.current && animated);
+        if (!isMounted.current) isMounted.current = true;
+    }, [
+        value
+    ]);
+    useLayoutEffect(()=>{
+        if (ref.current) ref.current.setOptions({
+            trend,
+            transition,
+            respectMotionPreference
+        });
+    }, [
+        trend,
+        transition,
+        respectMotionPreference
+    ]);
+    return /*#__PURE__*/ jsx("numeric-text", {
+        ref: ref,
+        role: "img",
+        "aria-label": value + '',
+        ...rest,
+        suppressHydrationWarning: true,
+        dangerouslySetInnerHTML: {
+            __html: BROWSER ? '' : value
+        }
+    });
+};
+
+export { NumericText as N };

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NumericTextProps } from '@numeric-text/core';
+export * from '@numeric-text/core';
+import { HTMLAttributes } from 'react';
+
+type Props = NumericTextProps & HTMLAttributes<HTMLElement>;
+declare const NumericText: ({ value, trend, transition, respectMotionPreference, animated, ...rest }: Props) => react_jsx_runtime.JSX.Element;
+
+declare global {
+    namespace React {
+        namespace JSX {
+            interface IntrinsicElements {
+                'numeric-text': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            }
+        }
+    }
+}
+
+export { NumericText as default };

package/dist/index.js

@@ -0,0 +1,2 @@
+import '@numeric-text/core/ssr.css';
+export { N as default } from './NumericText-12s-c2pBkv0T.js';

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@numeric-text/react",
+  "type": "module",
+  "version": "0.1.0",
+  "description": "React wrapper for @numeric-text/core",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/shizukushq/numeric-text.git"
+  },
+  "bugs": {
+    "url": "https://github.com/shizukushq/numeric-text/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "bunchee",
+    "dev": "bunchee --watch"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19"
+  },
+  "dependencies": {
+    "@numeric-text/core": "workspace:*"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.9",
+    "bunchee": "^6.9.4",
+    "react": "^19.2.3",
+    "typescript": "^5.0.0"
+  }
+}