@fringeworks/react-utils 0.8.0

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@fringeworks/react-utils",
+  "version": "0.8.0",
+  "keywords": [
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fringeworks-js/react-utils.git"
+  },
+  "license": "MIT",
+  "author": "Mitsuhiro Seino",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.cts",
+        "default": "./index.cjs"
+      }
+    },
+    "./package.json": "./package.json",
+    "./constants": {
+      "import": {
+        "types": "./constants.d.mts",
+        "default": "./constants.mjs"
+      },
+      "require": {
+        "types": "./constants.d.cts",
+        "default": "./constants.cjs"
+      }
+    },
+    "./*/constants": {
+      "import": {
+        "types": "./*/constants.d.mts",
+        "default": "./*/constants.mjs"
+      },
+      "require": {
+        "types": "./*/constants.d.cts",
+        "default": "./*/constants.cjs"
+      }
+    },
+    "./types": {
+      "import": {
+        "types": "./types.d.mts",
+        "default": "./types.mjs"
+      },
+      "require": {
+        "types": "./types.d.cts",
+        "default": "./types.cjs"
+      }
+    },
+    "./*/types": {
+      "import": {
+        "types": "./*/types.d.mts",
+        "default": "./*/types.mjs"
+      },
+      "require": {
+        "types": "./*/types.d.cts",
+        "default": "./*/types.cjs"
+      }
+    },
+    "./*": {
+      "import": {
+        "types": "./*/index.d.mts",
+        "default": "./*/index.mjs"
+      },
+      "require": {
+        "types": "./*/index.d.cts",
+        "default": "./*/index.cjs"
+      }
+    }
+  },
+  "main": "./index.cjs",
+  "module": "./index.mjs",
+  "types": "./index.d.cts",
+  "dependencies": {
+    "@fringeworks/utils": "^0.8.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    }
+  }
+}

package/types.d.cts

@@ -0,0 +1,11 @@
+import { CSSProperties } from "react";
+
+//#region src/types.d.ts
+/**
+ * CSS変数を許容するCSSProperties
+ */
+type CSSPropertiesWithVars = CSSProperties & {
+  [key: `--${string}`]: string | number | undefined;
+};
+//#endregion
+export { CSSPropertiesWithVars };

package/types.d.mts

@@ -0,0 +1,11 @@
+import { CSSProperties } from "react";
+
+//#region src/types.d.ts
+/**
+ * CSS変数を許容するCSSProperties
+ */
+type CSSPropertiesWithVars = CSSProperties & {
+  [key: `--${string}`]: string | number | undefined;
+};
+//#endregion
+export { CSSPropertiesWithVars };

package/types.mjs

@@ -0,0 +1 @@
+export {  };

package/utils/applyDefaultProps/applyDefaultProps.cjs

@@ -0,0 +1,41 @@
+
+//#region src/utils/applyDefaultProps/applyDefaultProps.ts
+/**
+* props のプロパティが undefined または null で、
+* かつデフォルト値が undefined 以外の場合に、デフォルト値を反映した新しいオブジェクトを返す。
+* 元の props は変更しない。
+*
+* defaults は複数渡せる。その場合は上記のルールを左の defaults から順に適用するため、
+* 先の引数ほど優先される。つまり次の2つは同じ結果になる。
+*
+*   applyDefaultProps(props, d1, d2)
+*   applyDefaultProps(applyDefaultProps(props, d1), d2)
+*
+* キーごとに見ると `props[key] ?? d1[key] ?? d2[key] ?? ...` と同様に振る舞う。
+* defaults の null は反映されても反映先が null のままなので、後続の defaults に
+* null / undefined 以外の値があればそちらで埋められる。
+*
+* defaults の要素として null / undefined / false を渡した場合は、その要素はスキップされる
+* （渡さなかったのと同じ扱いになる）。条件付きのデフォルト値を次のように書ける。
+*
+*   applyDefaultProps(props, isCompact && compactDefaults, baseDefaults)
+*
+* @param props    コンポーネントに渡された props
+* @param defaults props の一部のプロパティにデフォルト値を設定したオブジェクト
+*                 （複数可、先の引数ほど優先。null / undefined / false はスキップ）
+*/
+function applyDefaultProps(props, ...defaults) {
+	const result = { ...props };
+	for (const values of defaults) {
+		if (!values) continue;
+		for (const key of Object.keys(values)) {
+			const current = result[key];
+			const defaultValue = values[key];
+			if ((current === void 0 || current === null) && defaultValue !== void 0) result[key] = defaultValue;
+		}
+	}
+	return result;
+}
+
+//#endregion
+module.exports = applyDefaultProps;

package/utils/applyDefaultProps/applyDefaultProps.d.cts

@@ -0,0 +1,33 @@
+import { AppliedProps, SkippedDefaults } from "./types.cjs";
+
+//#region src/utils/applyDefaultProps/applyDefaultProps.d.ts
+/** props に存在しないキーを含む defaults を型エラーにする */
+type NoExtraKeys<P, Ds extends readonly unknown[]> = { [I in keyof Ds]: CheckKeys<P, Ds[I]> };
+/** 要素がオブジェクトの場合のみキーを検査する（ユニオンの各要素ごとに分配） */
+type CheckKeys<P, T> = T extends SkippedDefaults ? T : T & { [K in Exclude<keyof T, keyof P>]: never };
+/**
+ * props のプロパティが undefined または null で、
+ * かつデフォルト値が undefined 以外の場合に、デフォルト値を反映した新しいオブジェクトを返す。
+ * 元の props は変更しない。
+ *
+ * defaults は複数渡せる。その場合は上記のルールを左の defaults から順に適用するため、
+ * 先の引数ほど優先される。つまり次の2つは同じ結果になる。
+ *
+ *   applyDefaultProps(props, d1, d2)
+ *   applyDefaultProps(applyDefaultProps(props, d1), d2)
+ *
+ * キーごとに見ると `props[key] ?? d1[key] ?? d2[key] ?? ...` と同様に振る舞う。
+ * defaults の null は反映されても反映先が null のままなので、後続の defaults に
+ * null / undefined 以外の値があればそちらで埋められる。
+ *
+ * defaults の要素として null / undefined / false を渡した場合は、その要素はスキップされる
+ * （渡さなかったのと同じ扱いになる）。条件付きのデフォルト値を次のように書ける。
+ *
+ *   applyDefaultProps(props, isCompact && compactDefaults, baseDefaults)
+ *
+ * @param props    コンポーネントに渡された props
+ * @param defaults props の一部のプロパティにデフォルト値を設定したオブジェクト
+ *                 （複数可、先の引数ほど優先。null / undefined / false はスキップ）
+ */
+declare function applyDefaultProps<P extends object, const Ds extends readonly (Partial<P> | SkippedDefaults)[]>(props: P, ...defaults: Ds & NoExtraKeys<P, Ds>): AppliedProps<P, Ds>;
+export = applyDefaultProps;

package/utils/applyDefaultProps/applyDefaultProps.d.mts

@@ -0,0 +1,34 @@
+import { AppliedProps, SkippedDefaults } from "./types.mjs";
+
+//#region src/utils/applyDefaultProps/applyDefaultProps.d.ts
+/** props に存在しないキーを含む defaults を型エラーにする */
+type NoExtraKeys<P, Ds extends readonly unknown[]> = { [I in keyof Ds]: CheckKeys<P, Ds[I]> };
+/** 要素がオブジェクトの場合のみキーを検査する（ユニオンの各要素ごとに分配） */
+type CheckKeys<P, T> = T extends SkippedDefaults ? T : T & { [K in Exclude<keyof T, keyof P>]: never };
+/**
+ * props のプロパティが undefined または null で、
+ * かつデフォルト値が undefined 以外の場合に、デフォルト値を反映した新しいオブジェクトを返す。
+ * 元の props は変更しない。
+ *
+ * defaults は複数渡せる。その場合は上記のルールを左の defaults から順に適用するため、
+ * 先の引数ほど優先される。つまり次の2つは同じ結果になる。
+ *
+ *   applyDefaultProps(props, d1, d2)
+ *   applyDefaultProps(applyDefaultProps(props, d1), d2)
+ *
+ * キーごとに見ると `props[key] ?? d1[key] ?? d2[key] ?? ...` と同様に振る舞う。
+ * defaults の null は反映されても反映先が null のままなので、後続の defaults に
+ * null / undefined 以外の値があればそちらで埋められる。
+ *
+ * defaults の要素として null / undefined / false を渡した場合は、その要素はスキップされる
+ * （渡さなかったのと同じ扱いになる）。条件付きのデフォルト値を次のように書ける。
+ *
+ *   applyDefaultProps(props, isCompact && compactDefaults, baseDefaults)
+ *
+ * @param props    コンポーネントに渡された props
+ * @param defaults props の一部のプロパティにデフォルト値を設定したオブジェクト
+ *                 （複数可、先の引数ほど優先。null / undefined / false はスキップ）
+ */
+declare function applyDefaultProps<P extends object, const Ds extends readonly (Partial<P> | SkippedDefaults)[]>(props: P, ...defaults: Ds & NoExtraKeys<P, Ds>): AppliedProps<P, Ds>;
+//#endregion
+export { applyDefaultProps as default };

package/utils/applyDefaultProps/applyDefaultProps.mjs

@@ -0,0 +1,40 @@
+//#region src/utils/applyDefaultProps/applyDefaultProps.ts
+/**
+* props のプロパティが undefined または null で、
+* かつデフォルト値が undefined 以外の場合に、デフォルト値を反映した新しいオブジェクトを返す。
+* 元の props は変更しない。
+*
+* defaults は複数渡せる。その場合は上記のルールを左の defaults から順に適用するため、
+* 先の引数ほど優先される。つまり次の2つは同じ結果になる。
+*
+*   applyDefaultProps(props, d1, d2)
+*   applyDefaultProps(applyDefaultProps(props, d1), d2)
+*
+* キーごとに見ると `props[key] ?? d1[key] ?? d2[key] ?? ...` と同様に振る舞う。
+* defaults の null は反映されても反映先が null のままなので、後続の defaults に
+* null / undefined 以外の値があればそちらで埋められる。
+*
+* defaults の要素として null / undefined / false を渡した場合は、その要素はスキップされる
+* （渡さなかったのと同じ扱いになる）。条件付きのデフォルト値を次のように書ける。
+*
+*   applyDefaultProps(props, isCompact && compactDefaults, baseDefaults)
+*
+* @param props    コンポーネントに渡された props
+* @param defaults props の一部のプロパティにデフォルト値を設定したオブジェクト
+*                 （複数可、先の引数ほど優先。null / undefined / false はスキップ）
+*/
+function applyDefaultProps(props, ...defaults) {
+	const result = { ...props };
+	for (const values of defaults) {
+		if (!values) continue;
+		for (const key of Object.keys(values)) {
+			const current = result[key];
+			const defaultValue = values[key];
+			if ((current === void 0 || current === null) && defaultValue !== void 0) result[key] = defaultValue;
+		}
+	}
+	return result;
+}
+
+//#endregion
+export { applyDefaultProps as default };

package/utils/applyDefaultProps/index.cjs

@@ -0,0 +1,3 @@
+const require_utils_applyDefaultProps_applyDefaultProps = require('./applyDefaultProps.cjs');
+
+module.exports = require_utils_applyDefaultProps_applyDefaultProps;

package/utils/applyDefaultProps/index.d.cts

@@ -0,0 +1,3 @@
+import { AppliedProps, SkippedDefaults } from "./types.cjs";
+import applyDefaultProps from "./applyDefaultProps.cjs";
+export { type AppliedProps, type SkippedDefaults, applyDefaultProps as default };

package/utils/applyDefaultProps/index.d.mts

@@ -0,0 +1,3 @@
+import { AppliedProps, SkippedDefaults } from "./types.mjs";
+import applyDefaultProps from "./applyDefaultProps.mjs";
+export { type AppliedProps, type SkippedDefaults, applyDefaultProps as default };

package/utils/applyDefaultProps/index.mjs

@@ -0,0 +1,3 @@
+import applyDefaultProps from "./applyDefaultProps.mjs";
+
+export { applyDefaultProps as default };

package/utils/applyDefaultProps/types.d.cts

@@ -0,0 +1,27 @@
+//#region src/utils/applyDefaultProps/types.d.ts
+/**
+ * 交差型を1つのオブジェクト型に展開して、エディタ上の型表示を見やすくする
+ */
+type Simplify<T> = { [K in keyof T]: T[K] } & {};
+/** defaults として渡されてもスキップされる値 */
+type SkippedDefaults = null | undefined | false;
+/** スキップされる値を除いた defaults の要素の和集合 */
+type DefaultsOf<Ds extends readonly unknown[]> = Exclude<Ds[number], SkippedDefaults>;
+/** defaults 群のいずれかに含まれるキーの和集合 */
+type KeysOf<Ds extends readonly unknown[]> = DefaultsOf<Ds> extends infer U ? U extends unknown ? keyof U : never : never;
+/**
+ * キー K について、undefined にならない値を確実に持つ defaults があるか。
+ * スキップされ得る要素（`cond && defaults` など）は確実とはみなさない。
+ */
+type IsDefinitelyDefined<Ds extends readonly unknown[], K> = Ds extends readonly [infer Head, ...infer Rest] ? [Head] extends [object] ? K extends keyof Head ? undefined extends Head[K] ? IsDefinitelyDefined<Rest, K> : true : IsDefinitelyDefined<Rest, K> : IsDefinitelyDefined<Rest, K> : false;
+/** キー K について、defaults 群から採用され得る値の型（undefined を除く） */
+type DefaultValueOf<Ds extends readonly unknown[], K> = DefaultsOf<Ds> extends infer U ? U extends unknown ? K extends keyof U ? Exclude<U[K], undefined> : never : never : never;
+/**
+ * マージ後の props の型
+ * - どの defaults にも含まれないキー: props の型をそのまま維持
+ * - いずれかの defaults が確実に値を持つキー: null / undefined が取り除かれ、デフォルト値の型が加わる
+ * - defaults の値が undefined になり得るキー: props の型にデフォルト値の型が加わる
+ */
+type AppliedProps<P, Ds extends readonly unknown[]> = Simplify<Omit<P, KeysOf<Ds>> & { [K in KeysOf<Ds> & keyof P]: IsDefinitelyDefined<Ds, K> extends true ? NonNullable<P[K]> | DefaultValueOf<Ds, K> : P[K] | DefaultValueOf<Ds, K> }>;
+//#endregion
+export { AppliedProps, SkippedDefaults };

package/utils/applyDefaultProps/types.d.mts

@@ -0,0 +1,27 @@
+//#region src/utils/applyDefaultProps/types.d.ts
+/**
+ * 交差型を1つのオブジェクト型に展開して、エディタ上の型表示を見やすくする
+ */
+type Simplify<T> = { [K in keyof T]: T[K] } & {};
+/** defaults として渡されてもスキップされる値 */
+type SkippedDefaults = null | undefined | false;
+/** スキップされる値を除いた defaults の要素の和集合 */
+type DefaultsOf<Ds extends readonly unknown[]> = Exclude<Ds[number], SkippedDefaults>;
+/** defaults 群のいずれかに含まれるキーの和集合 */
+type KeysOf<Ds extends readonly unknown[]> = DefaultsOf<Ds> extends infer U ? U extends unknown ? keyof U : never : never;
+/**
+ * キー K について、undefined にならない値を確実に持つ defaults があるか。
+ * スキップされ得る要素（`cond && defaults` など）は確実とはみなさない。
+ */
+type IsDefinitelyDefined<Ds extends readonly unknown[], K> = Ds extends readonly [infer Head, ...infer Rest] ? [Head] extends [object] ? K extends keyof Head ? undefined extends Head[K] ? IsDefinitelyDefined<Rest, K> : true : IsDefinitelyDefined<Rest, K> : IsDefinitelyDefined<Rest, K> : false;
+/** キー K について、defaults 群から採用され得る値の型（undefined を除く） */
+type DefaultValueOf<Ds extends readonly unknown[], K> = DefaultsOf<Ds> extends infer U ? U extends unknown ? K extends keyof U ? Exclude<U[K], undefined> : never : never : never;
+/**
+ * マージ後の props の型
+ * - どの defaults にも含まれないキー: props の型をそのまま維持
+ * - いずれかの defaults が確実に値を持つキー: null / undefined が取り除かれ、デフォルト値の型が加わる
+ * - defaults の値が undefined になり得るキー: props の型にデフォルト値の型が加わる
+ */
+type AppliedProps<P, Ds extends readonly unknown[]> = Simplify<Omit<P, KeysOf<Ds>> & { [K in KeysOf<Ds> & keyof P]: IsDefinitelyDefined<Ds, K> extends true ? NonNullable<P[K]> | DefaultValueOf<Ds, K> : P[K] | DefaultValueOf<Ds, K> }>;
+//#endregion
+export { AppliedProps, SkippedDefaults };

package/utils/applyDefaultProps/types.mjs

@@ -0,0 +1 @@
+export {  };

package/utils/ensureComponent/ensureComponent.cjs

@@ -0,0 +1,28 @@
+let react = require("react");
+
+//#region src/utils/ensureComponent/ensureComponent.ts
+const cache = /* @__PURE__ */ new Map();
+/**
+* 組み込みタグの場合はコンポーネントに変換して返す
+* @param component 組み込みタグ or コンポーネント
+* @returns コンポーネント
+*/
+function ensureComponent(component) {
+	if (typeof component === "string") {
+		const cached = cache.get(component);
+		if (cached) return cached;
+		const Comp = (0, react.forwardRef)((props, ref) => {
+			return (0, react.createElement)(component, {
+				...props,
+				ref
+			});
+		});
+		Comp.displayName = `ensureComponent(${component})`;
+		cache.set(component, Comp);
+		return Comp;
+	}
+	return component;
+}
+
+//#endregion
+module.exports = ensureComponent;

package/utils/ensureComponent/ensureComponent.d.cts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef, ComponentType, ElementType } from "react";
+
+//#region src/utils/ensureComponent/ensureComponent.d.ts
+/**
+ * 組み込みタグの場合はコンポーネントに変換して返す
+ * @param component 組み込みタグ or コンポーネント
+ * @returns コンポーネント
+ */
+declare function ensureComponent<C extends ElementType>(component: C): ComponentType<ComponentPropsWithRef<C>>;
+export = ensureComponent;

package/utils/ensureComponent/ensureComponent.d.mts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef, ComponentType, ElementType } from "react";
+
+//#region src/utils/ensureComponent/ensureComponent.d.ts
+/**
+ * 組み込みタグの場合はコンポーネントに変換して返す
+ * @param component 組み込みタグ or コンポーネント
+ * @returns コンポーネント
+ */
+declare function ensureComponent<C extends ElementType>(component: C): ComponentType<ComponentPropsWithRef<C>>;
+//#endregion
+export { ensureComponent as default };

package/utils/ensureComponent/ensureComponent.mjs

@@ -0,0 +1,28 @@
+import { createElement, forwardRef } from "react";
+
+//#region src/utils/ensureComponent/ensureComponent.ts
+const cache = /* @__PURE__ */ new Map();
+/**
+* 組み込みタグの場合はコンポーネントに変換して返す
+* @param component 組み込みタグ or コンポーネント
+* @returns コンポーネント
+*/
+function ensureComponent(component) {
+	if (typeof component === "string") {
+		const cached = cache.get(component);
+		if (cached) return cached;
+		const Comp = forwardRef((props, ref) => {
+			return createElement(component, {
+				...props,
+				ref
+			});
+		});
+		Comp.displayName = `ensureComponent(${component})`;
+		cache.set(component, Comp);
+		return Comp;
+	}
+	return component;
+}
+
+//#endregion
+export { ensureComponent as default };

package/utils/ensureComponent/index.cjs

@@ -0,0 +1,3 @@
+const require_utils_ensureComponent_ensureComponent = require('./ensureComponent.cjs');
+
+module.exports = require_utils_ensureComponent_ensureComponent;

package/utils/ensureComponent/index.d.cts

@@ -0,0 +1,2 @@
+import ensureComponent from "./ensureComponent.cjs";
+export = ensureComponent;

package/utils/ensureComponent/index.d.mts

@@ -0,0 +1,2 @@
+import ensureComponent from "./ensureComponent.mjs";
+export { ensureComponent as default };

package/utils/ensureComponent/index.mjs

@@ -0,0 +1,3 @@
+import ensureComponent from "./ensureComponent.mjs";
+
+export { ensureComponent as default };

package/utils/extendElement/extendElement.cjs

@@ -0,0 +1,30 @@
+let react = require("react");
+
+//#region src/utils/extendElement/extendElement.ts
+/**
+* classNameとstyleはマージ、それ以外のプロパティはpropsの値で上書きしてcloneElementを実行する
+* @param element エレメント
+* @param overrideProps 新しいエレメントのプロパティをオーバーライドするプロパティ
+* @param children 子要素
+* @returns
+*/
+function extendElement(element, overrideProps, ...children) {
+	const { className: elClassName, style: elStyle, ...elRest } = element.props;
+	const { className: orClassName, style: orStyle, ...orRest } = overrideProps || {};
+	let className = elClassName;
+	if (orClassName != null) className = className ? `${className} ${orClassName}` : orClassName;
+	const style = { ...elStyle };
+	if (orStyle) {
+		for (const key in orStyle) if (orStyle[key] !== void 0) style[key] = orStyle[key];
+	}
+	const props = {
+		className,
+		style,
+		...elRest
+	};
+	for (const key in orRest) if (orRest[key] !== void 0) props[key] = orRest[key];
+	return (0, react.cloneElement)(element, props, ...children);
+}
+
+//#endregion
+module.exports = extendElement;

package/utils/extendElement/extendElement.d.cts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactElement, ReactNode } from "react";
+
+//#region src/utils/extendElement/extendElement.d.ts
+/**
+ * classNameとstyleはマージ、それ以外のプロパティはpropsの値で上書きしてcloneElementを実行する
+ * @param element エレメント
+ * @param overrideProps 新しいエレメントのプロパティをオーバーライドするプロパティ
+ * @param children 子要素
+ * @returns
+ */
+declare function extendElement<P extends HTMLAttributes<T>, T extends HTMLElement>(element: ReactElement<P>, overrideProps?: P, ...children: ReactNode[]): ReactElement<P>;
+export = extendElement;

package/utils/extendElement/extendElement.d.mts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactElement, ReactNode } from "react";
+
+//#region src/utils/extendElement/extendElement.d.ts
+/**
+ * classNameとstyleはマージ、それ以外のプロパティはpropsの値で上書きしてcloneElementを実行する
+ * @param element エレメント
+ * @param overrideProps 新しいエレメントのプロパティをオーバーライドするプロパティ
+ * @param children 子要素
+ * @returns
+ */
+declare function extendElement<P extends HTMLAttributes<T>, T extends HTMLElement>(element: ReactElement<P>, overrideProps?: P, ...children: ReactNode[]): ReactElement<P>;
+//#endregion
+export { extendElement as default };

package/utils/extendElement/extendElement.mjs

@@ -0,0 +1,30 @@
+import { cloneElement } from "react";
+
+//#region src/utils/extendElement/extendElement.ts
+/**
+* classNameとstyleはマージ、それ以外のプロパティはpropsの値で上書きしてcloneElementを実行する
+* @param element エレメント
+* @param overrideProps 新しいエレメントのプロパティをオーバーライドするプロパティ
+* @param children 子要素
+* @returns
+*/
+function extendElement(element, overrideProps, ...children) {
+	const { className: elClassName, style: elStyle, ...elRest } = element.props;
+	const { className: orClassName, style: orStyle, ...orRest } = overrideProps || {};
+	let className = elClassName;
+	if (orClassName != null) className = className ? `${className} ${orClassName}` : orClassName;
+	const style = { ...elStyle };
+	if (orStyle) {
+		for (const key in orStyle) if (orStyle[key] !== void 0) style[key] = orStyle[key];
+	}
+	const props = {
+		className,
+		style,
+		...elRest
+	};
+	for (const key in orRest) if (orRest[key] !== void 0) props[key] = orRest[key];
+	return cloneElement(element, props, ...children);
+}
+
+//#endregion
+export { extendElement as default };

package/utils/extendElement/index.cjs

@@ -0,0 +1,3 @@
+const require_utils_extendElement_extendElement = require('./extendElement.cjs');
+
+module.exports = require_utils_extendElement_extendElement;

package/utils/extendElement/index.d.cts

@@ -0,0 +1,2 @@
+import extendElement from "./extendElement.cjs";
+export = extendElement;

package/utils/extendElement/index.d.mts

@@ -0,0 +1,2 @@
+import extendElement from "./extendElement.mjs";
+export { extendElement as default };

package/utils/extendElement/index.mjs

@@ -0,0 +1,3 @@
+import extendElement from "./extendElement.mjs";
+
+export { extendElement as default };

package/utils/forEachContent/forEachContent.cjs

@@ -0,0 +1,14 @@
+const require__helpers__traverseContent = require('../../_helpers/_traverseContent.cjs');
+
+//#region src/utils/forEachContent/forEachContent.ts
+/**
+* React.Fragmentを透過し、children内のReactElement、string、numberを処理する
+* @param children エレメントの子要素
+* @param callback コールバック
+*/
+function forEachContent(children, callback) {
+	require__helpers__traverseContent(children, callback);
+}
+
+//#endregion
+module.exports = forEachContent;

package/utils/forEachContent/forEachContent.d.cts

@@ -0,0 +1,10 @@
+import { ReactElement, ReactNode } from "react";
+
+//#region src/utils/forEachContent/forEachContent.d.ts
+/**
+ * React.Fragmentを透過し、children内のReactElement、string、numberを処理する
+ * @param children エレメントの子要素
+ * @param callback コールバック
+ */
+declare function forEachContent(children: ReactNode, callback: (node: ReactElement | string | number, index: number) => void): void;
+export = forEachContent;

package/utils/forEachContent/forEachContent.d.mts

@@ -0,0 +1,11 @@
+import { ReactElement, ReactNode } from "react";
+
+//#region src/utils/forEachContent/forEachContent.d.ts
+/**
+ * React.Fragmentを透過し、children内のReactElement、string、numberを処理する
+ * @param children エレメントの子要素
+ * @param callback コールバック
+ */
+declare function forEachContent(children: ReactNode, callback: (node: ReactElement | string | number, index: number) => void): void;
+//#endregion
+export { forEachContent as default };

package/utils/forEachContent/forEachContent.mjs

@@ -0,0 +1,14 @@
+import _traverseContent from "../../_helpers/_traverseContent.mjs";
+
+//#region src/utils/forEachContent/forEachContent.ts
+/**
+* React.Fragmentを透過し、children内のReactElement、string、numberを処理する
+* @param children エレメントの子要素
+* @param callback コールバック
+*/
+function forEachContent(children, callback) {
+	_traverseContent(children, callback);
+}
+
+//#endregion
+export { forEachContent as default };

package/utils/forEachContent/index.cjs

@@ -0,0 +1,3 @@
+const require_utils_forEachContent_forEachContent = require('./forEachContent.cjs');
+
+module.exports = require_utils_forEachContent_forEachContent;

package/utils/forEachContent/index.d.cts

@@ -0,0 +1,2 @@
+import forEachContent from "./forEachContent.cjs";
+export = forEachContent;

package/utils/forEachContent/index.d.mts

@@ -0,0 +1,2 @@
+import forEachContent from "./forEachContent.mjs";
+export { forEachContent as default };

package/utils/forEachContent/index.mjs

@@ -0,0 +1,3 @@
+import forEachContent from "./forEachContent.mjs";
+
+export { forEachContent as default };