c063 1.1.5 → 1.1.7

package/dist/types/props.d.ts

@@ -12,7 +12,7 @@ export type CodeTokenProps<T extends React.ElementType = React.ElementType> = As
      */
     type?: CodeTokenType;
 }>;
-export type CodeTokenBuilder<T extends React.ElementType = "span"> = (children: CodeTokenProps<T>["children"], props?: DistributiveOmit<CodeTokenProps<T>, "type">) => CodeTokenProps<T>;
+export type CodeTokenBuilder = <T extends React.ElementType>(children: CodeTokenProps<T>["children"] extends undefined ? React.ReactNode : CodeTokenProps<T>["children"], props?: DistributiveOmit<CodeTokenProps<T>, "type">) => CodeTokenProps<T>;
 /**
  * 用於單一程式碼行的屬性，用在 <CodeLine /> 或類似元件中。
  */

package/dist/utils/index.js

@@ -1,10 +1,12 @@
 export const createToken = new Proxy({}, {
     get: (_, prop) => {
-        const builder = (children, props) => ({
-            type: prop,
-            children,
-            ...props,
-        });
+        const builder = (children, props) => {
+            return {
+                type: prop,
+                children,
+                ...props,
+            };
+        };
         return builder;
     },
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "c063",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "A React component for displaying code snippets with syntax highlighting.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/types/props.tsx

@@ -32,8 +32,10 @@ export type CodeTokenProps<T extends React.ElementType = React.ElementType> =
     }
   >;
 
-export type CodeTokenBuilder<T extends React.ElementType = "span"> = (
-  children: CodeTokenProps<T>["children"],
+export type CodeTokenBuilder = <T extends React.ElementType>(
+  children: CodeTokenProps<T>["children"] extends undefined
+    ? React.ReactNode
+    : CodeTokenProps<T>["children"],
   props?: DistributiveOmit<CodeTokenProps<T>, "type">
 ) => CodeTokenProps<T>;
 

package/src/utils/index.ts

@@ -1,14 +1,25 @@
-import { CodeTokenBuilder, CodeTokenProps, CodeTokenType } from "../types";
+import {
+  CodeTokenBuilder,
+  CodeTokenProps,
+  CodeTokenType,
+  DistributiveOmit,
+} from "../types";
 
 export const createToken = new Proxy(
   {},
   {
     get: (_, prop: CodeTokenType) => {
-      const builder: CodeTokenBuilder = (children, props?) => ({
-        type: prop,
-        children,
-        ...props,
-      });
+      const builder = <T extends React.ElementType = React.ElementType>(
+        children: CodeTokenProps<T>["children"],
+        props: DistributiveOmit<CodeTokenProps<T>, "type">
+      ): CodeTokenProps<T> =>
+        {
+          return {
+            type: prop,
+            children,
+            ...props,
+          };
+        };
       return builder;
     },
   }