@fringeworks/react-utils 0.8.1 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fringeworks/react-utils",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "A library some will find handy, providing utilities for React.",
   "keywords": [
     "react"
@@ -11,6 +11,7 @@
   },
   "license": "MIT",
   "author": "Mitsuhiro Seino",
+  "sideEffects": false,
   "type": "module",
   "exports": {
     ".": {
@@ -23,71 +24,192 @@
         "default": "./index.cjs"
       }
     },
-    "./package.json": "./package.json",
-    "./constants": {
+    "./hooks": {
       "import": {
-        "types": "./constants.d.mts",
-        "default": "./constants.mjs"
+        "types": "./hooks/index.d.mts",
+        "default": "./hooks/index.mjs"
       },
       "require": {
-        "types": "./constants.d.cts",
-        "default": "./constants.cjs"
+        "types": "./hooks/index.d.cts",
+        "default": "./hooks/index.cjs"
       }
     },
-    "./*/constants": {
+    "./hooks/useCombinedRefs": {
       "import": {
-        "types": "./*/constants.d.mts",
-        "default": "./*/constants.mjs"
+        "types": "./hooks/useCombinedRefs/index.d.mts",
+        "default": "./hooks/useCombinedRefs/index.mjs"
       },
       "require": {
-        "types": "./*/constants.d.cts",
-        "default": "./*/constants.cjs"
+        "types": "./hooks/useCombinedRefs/index.d.cts",
+        "default": "./hooks/useCombinedRefs/index.cjs"
       }
     },
-    "./types": {
+    "./hooks/useConstant": {
       "import": {
-        "types": "./types.d.mts",
-        "default": "./types.mjs"
+        "types": "./hooks/useConstant/index.d.mts",
+        "default": "./hooks/useConstant/index.mjs"
       },
       "require": {
-        "types": "./types.d.cts",
-        "default": "./types.cjs"
+        "types": "./hooks/useConstant/index.d.cts",
+        "default": "./hooks/useConstant/index.cjs"
       }
     },
-    "./*/types": {
+    "./hooks/useExecutionAt": {
       "import": {
-        "types": "./*/types.d.mts",
-        "default": "./*/types.mjs"
+        "types": "./hooks/useExecutionAt/index.d.mts",
+        "default": "./hooks/useExecutionAt/index.mjs"
       },
       "require": {
-        "types": "./*/types.d.cts",
-        "default": "./*/types.cjs"
+        "types": "./hooks/useExecutionAt/index.d.cts",
+        "default": "./hooks/useExecutionAt/index.cjs"
       }
     },
-    "./*": {
+    "./hooks/useIsMounted": {
       "import": {
-        "types": "./*/index.d.mts",
-        "default": "./*/index.mjs"
+        "types": "./hooks/useIsMounted/index.d.mts",
+        "default": "./hooks/useIsMounted/index.mjs"
       },
       "require": {
-        "types": "./*/index.d.cts",
-        "default": "./*/index.cjs"
+        "types": "./hooks/useIsMounted/index.d.cts",
+        "default": "./hooks/useIsMounted/index.cjs"
       }
-    }
+    },
+    "./hooks/useLatestRef": {
+      "import": {
+        "types": "./hooks/useLatestRef/index.d.mts",
+        "default": "./hooks/useLatestRef/index.mjs"
+      },
+      "require": {
+        "types": "./hooks/useLatestRef/index.d.cts",
+        "default": "./hooks/useLatestRef/index.cjs"
+      }
+    },
+    "./hooks/usePreviousValue": {
+      "import": {
+        "types": "./hooks/usePreviousValue/index.d.mts",
+        "default": "./hooks/usePreviousValue/index.mjs"
+      },
+      "require": {
+        "types": "./hooks/usePreviousValue/index.d.cts",
+        "default": "./hooks/usePreviousValue/index.cjs"
+      }
+    },
+    "./hooks/useStableLength": {
+      "import": {
+        "types": "./hooks/useStableLength/index.d.mts",
+        "default": "./hooks/useStableLength/index.mjs"
+      },
+      "require": {
+        "types": "./hooks/useStableLength/index.d.cts",
+        "default": "./hooks/useStableLength/index.cjs"
+      }
+    },
+    "./utils": {
+      "import": {
+        "types": "./utils/index.d.mts",
+        "default": "./utils/index.mjs"
+      },
+      "require": {
+        "types": "./utils/index.d.cts",
+        "default": "./utils/index.cjs"
+      }
+    },
+    "./utils/applyDefaultProps": {
+      "import": {
+        "types": "./utils/applyDefaultProps/index.d.mts",
+        "default": "./utils/applyDefaultProps/index.mjs"
+      },
+      "require": {
+        "types": "./utils/applyDefaultProps/index.d.cts",
+        "default": "./utils/applyDefaultProps/index.cjs"
+      }
+    },
+    "./utils/ensureComponent": {
+      "import": {
+        "types": "./utils/ensureComponent/index.d.mts",
+        "default": "./utils/ensureComponent/index.mjs"
+      },
+      "require": {
+        "types": "./utils/ensureComponent/index.d.cts",
+        "default": "./utils/ensureComponent/index.cjs"
+      }
+    },
+    "./utils/extendElement": {
+      "import": {
+        "types": "./utils/extendElement/index.d.mts",
+        "default": "./utils/extendElement/index.mjs"
+      },
+      "require": {
+        "types": "./utils/extendElement/index.d.cts",
+        "default": "./utils/extendElement/index.cjs"
+      }
+    },
+    "./utils/forEachContent": {
+      "import": {
+        "types": "./utils/forEachContent/index.d.mts",
+        "default": "./utils/forEachContent/index.mjs"
+      },
+      "require": {
+        "types": "./utils/forEachContent/index.d.cts",
+        "default": "./utils/forEachContent/index.cjs"
+      }
+    },
+    "./utils/forEachElement": {
+      "import": {
+        "types": "./utils/forEachElement/index.d.mts",
+        "default": "./utils/forEachElement/index.mjs"
+      },
+      "require": {
+        "types": "./utils/forEachElement/index.d.cts",
+        "default": "./utils/forEachElement/index.cjs"
+      }
+    },
+    "./utils/markAt": {
+      "import": {
+        "types": "./utils/markAt/index.d.mts",
+        "default": "./utils/markAt/index.mjs"
+      },
+      "require": {
+        "types": "./utils/markAt/index.d.cts",
+        "default": "./utils/markAt/index.cjs"
+      }
+    },
+    "./utils/setRefCurrent": {
+      "import": {
+        "types": "./utils/setRefCurrent/index.d.mts",
+        "default": "./utils/setRefCurrent/index.mjs"
+      },
+      "require": {
+        "types": "./utils/setRefCurrent/index.d.cts",
+        "default": "./utils/setRefCurrent/index.cjs"
+      }
+    },
+    "./utils/transformContent": {
+      "import": {
+        "types": "./utils/transformContent/index.d.mts",
+        "default": "./utils/transformContent/index.mjs"
+      },
+      "require": {
+        "types": "./utils/transformContent/index.d.cts",
+        "default": "./utils/transformContent/index.cjs"
+      }
+    },
+    "./utils/transformElement": {
+      "import": {
+        "types": "./utils/transformElement/index.d.mts",
+        "default": "./utils/transformElement/index.mjs"
+      },
+      "require": {
+        "types": "./utils/transformElement/index.d.cts",
+        "default": "./utils/transformElement/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
   },
   "main": "./index.cjs",
   "module": "./index.mjs",
   "types": "./index.d.cts",
-  "dependencies": {
-    "@fringeworks/utils": "^0.9.2"
-  },
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "peerDependenciesMeta": {
-    "react-dom": {
-      "optional": true
-    }
+    "react": "^18.0.0 || ^19.0.0"
   }
 }

package/types.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/types.d.cts

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

package/types.d.mts

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

package/utils/applyDefaultProps/applyDefaultProps.cjs

@@ -1,4 +1,4 @@
-
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 //#region src/utils/applyDefaultProps/applyDefaultProps.ts
 /**
 * props のプロパティが undefined または null で、
@@ -20,6 +20,10 @@
 *
 *   applyDefaultProps(props, isCompact && compactDefaults, baseDefaults)
 *
+* 制限事項
+* - defaults のキーは文字列のもののみ反映する（symbol のキーは無視する）
+* - props の型がユニオン型の場合、defaults に書けるのはすべての型に共通するキーのみ
+*
 * @param props    コンポーネントに渡された props
 * @param defaults props の一部のプロパティにデフォルト値を設定したオブジェクト
 *                 （複数可、先の引数ほど優先。null / undefined / false はスキップ）
@@ -38,4 +42,4 @@ function applyDefaultProps(props, ...defaults) {
 }
 
 //#endregion
-module.exports = applyDefaultProps;
+exports.default = applyDefaultProps;

package/utils/applyDefaultProps/applyDefaultProps.d.cts

@@ -1,10 +1,9 @@
 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 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 };
+type CheckKeys<P, T> = T extends SkippedDefaults ? T : T & { [K in Exclude<keyof T, keyof P>]: never; };
 /**
  * props のプロパティが undefined または null で、
  * かつデフォルト値が undefined 以外の場合に、デフォルト値を反映した新しいオブジェクトを返す。
@@ -25,6 +24,10 @@ type CheckKeys<P, T> = T extends SkippedDefaults ? T : T & { [K in Exclude<keyof
  *
  *   applyDefaultProps(props, isCompact && compactDefaults, baseDefaults)
  *
+ * 制限事項
+ * - defaults のキーは文字列のもののみ反映する（symbol のキーは無視する）
+ * - props の型がユニオン型の場合、defaults に書けるのはすべての型に共通するキーのみ
+ *
  * @param props    コンポーネントに渡された props
  * @param defaults props の一部のプロパティにデフォルト値を設定したオブジェクト
  *                 （複数可、先の引数ほど優先。null / undefined / false はスキップ）

package/utils/applyDefaultProps/applyDefaultProps.d.mts

@@ -1,10 +1,9 @@
 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 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 };
+type CheckKeys<P, T> = T extends SkippedDefaults ? T : T & { [K in Exclude<keyof T, keyof P>]: never; };
 /**
  * props のプロパティが undefined または null で、
  * かつデフォルト値が undefined 以外の場合に、デフォルト値を反映した新しいオブジェクトを返す。
@@ -25,10 +24,14 @@ type CheckKeys<P, T> = T extends SkippedDefaults ? T : T & { [K in Exclude<keyof
  *
  *   applyDefaultProps(props, isCompact && compactDefaults, baseDefaults)
  *
+ * 制限事項
+ * - defaults のキーは文字列のもののみ反映する（symbol のキーは無視する）
+ * - props の型がユニオン型の場合、defaults に書けるのはすべての型に共通するキーのみ
+ *
  * @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 default 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 };
+export {};

package/utils/applyDefaultProps/applyDefaultProps.mjs

@@ -19,6 +19,10 @@
 *
 *   applyDefaultProps(props, isCompact && compactDefaults, baseDefaults)
 *
+* 制限事項
+* - defaults のキーは文字列のもののみ反映する（symbol のキーは無視する）
+* - props の型がユニオン型の場合、defaults に書けるのはすべての型に共通するキーのみ
+*
 * @param props    コンポーネントに渡された props
 * @param defaults props の一部のプロパティにデフォルト値を設定したオブジェクト
 *                 （複数可、先の引数ほど優先。null / undefined / false はスキップ）

package/utils/applyDefaultProps/index.cjs

@@ -1,3 +1,5 @@
-const require_utils_applyDefaultProps_applyDefaultProps = require('./applyDefaultProps.cjs');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_utils_applyDefaultProps_applyDefaultProps = require("./applyDefaultProps.cjs");
 
-module.exports = require_utils_applyDefaultProps_applyDefaultProps;
+exports.applyDefaultProps = require_utils_applyDefaultProps_applyDefaultProps.default;
+exports.default = require_utils_applyDefaultProps_applyDefaultProps.default;

package/utils/applyDefaultProps/index.d.cts

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

package/utils/applyDefaultProps/index.d.mts

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

package/utils/applyDefaultProps/index.mjs

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

package/utils/applyDefaultProps/types.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/utils/applyDefaultProps/types.d.cts

@@ -2,26 +2,26 @@
 /**
  * 交差型を1つのオブジェクト型に展開して、エディタ上の型表示を見やすくする
  */
-type Simplify<T> = { [K in keyof T]: T[K] } & {};
+type Simplify<T> = { [K in keyof T]: T[K]; } & {};
 /** defaults として渡されてもスキップされる値 */
-type SkippedDefaults = null | undefined | false;
+export 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;
+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;
+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> }>;
+export 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 };
+export {};

package/utils/applyDefaultProps/types.d.mts

@@ -2,26 +2,26 @@
 /**
  * 交差型を1つのオブジェクト型に展開して、エディタ上の型表示を見やすくする
  */
-type Simplify<T> = { [K in keyof T]: T[K] } & {};
+type Simplify<T> = { [K in keyof T]: T[K]; } & {};
 /** defaults として渡されてもスキップされる値 */
-type SkippedDefaults = null | undefined | false;
+export 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;
+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;
+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> }>;
+export 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 };
+export {};

package/utils/ensureComponent/ensureComponent.cjs

@@ -1,3 +1,4 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 let react = require("react");
 
 //#region src/utils/ensureComponent/ensureComponent.ts
@@ -25,4 +26,4 @@ function ensureComponent(component) {
 }
 
 //#endregion
-module.exports = ensureComponent;
+exports.default = ensureComponent;

package/utils/ensureComponent/ensureComponent.d.cts

@@ -1,5 +1,4 @@
 import { ComponentPropsWithRef, ComponentType, ElementType } from "react";
-
 //#region src/utils/ensureComponent/ensureComponent.d.ts
 /**
  * 組み込みタグの場合はコンポーネントに変換して返す

package/utils/ensureComponent/ensureComponent.d.mts

@@ -1,11 +1,9 @@
 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 };
+export default function ensureComponent<C extends ElementType>(component: C): ComponentType<ComponentPropsWithRef<C>>;
+//#endregion

package/utils/ensureComponent/index.cjs

@@ -1,3 +1,5 @@
-const require_utils_ensureComponent_ensureComponent = require('./ensureComponent.cjs');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_utils_ensureComponent_ensureComponent = require("./ensureComponent.cjs");
 
-module.exports = require_utils_ensureComponent_ensureComponent;
+exports.default = require_utils_ensureComponent_ensureComponent.default;
+exports.ensureComponent = require_utils_ensureComponent_ensureComponent.default;

package/utils/ensureComponent/index.d.cts

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

package/utils/ensureComponent/index.d.mts

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

package/utils/ensureComponent/index.mjs

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

package/utils/extendElement/extendElement.cjs

@@ -1,30 +1,34 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 let react = require("react");
 
 //#region src/utils/extendElement/extendElement.ts
 /**
-* classNameとstyleはマージ、それ以外のプロパティはpropsの値で上書きしてcloneElementを実行する
+* classNameとstyleはマージ、それ以外のプロパティはoverridePropsの値で上書きしてcloneElementを実行する
+*
+* - className: 元のclassNameの後ろに空白区切りで追加する（空文字は無視する）
+* - style: 元のstyleにプロパティ単位で上書きする（値がundefinedのプロパティは無視する）
+* - それ以外: overridePropsの値で上書きする（値がundefinedのプロパティは無視する）
+*
 * @param element エレメント
 * @param overrideProps 新しいエレメントのプロパティをオーバーライドするプロパティ
-* @param children 子要素
-* @returns
+* @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, value] of Object.entries(orStyle)) if (value !== void 0) style[key] = value;
+	const { className, style, ...rest } = overrideProps ?? {};
+	const props = {};
+	for (const [key, value] of Object.entries(rest)) if (value !== void 0) props[key] = value;
+	if (className) {
+		const baseClassName = element.props.className;
+		props.className = baseClassName ? `${baseClassName} ${className}` : className;
+	}
+	if (style) {
+		const mergedStyle = { ...element.props.style };
+		for (const [key, value] of Object.entries(style)) if (value !== void 0) mergedStyle[key] = value;
+		props.style = mergedStyle;
 	}
-	const props = {
-		className,
-		style,
-		...elRest
-	};
-	for (const [key, value] of Object.entries(orRest)) if (value !== void 0) props[key] = value;
 	return (0, react.cloneElement)(element, props, ...children);
 }
 
 //#endregion
-module.exports = extendElement;
+exports.default = extendElement;

package/utils/extendElement/extendElement.d.cts

@@ -1,12 +1,17 @@
-import { HTMLAttributes, ReactElement, ReactNode } from "react";
-
+import { ExtendableProps } from "./types.cjs";
+import { ReactElement, ReactNode } from "react";
 //#region src/utils/extendElement/extendElement.d.ts
 /**
- * classNameとstyleはマージ、それ以外のプロパティはpropsの値で上書きしてcloneElementを実行する
+ * classNameとstyleはマージ、それ以外のプロパティはoverridePropsの値で上書きしてcloneElementを実行する
+ *
+ * - className: 元のclassNameの後ろに空白区切りで追加する（空文字は無視する）
+ * - style: 元のstyleにプロパティ単位で上書きする（値がundefinedのプロパティは無視する）
+ * - それ以外: overridePropsの値で上書きする（値がundefinedのプロパティは無視する）
+ *
  * @param element エレメント
  * @param overrideProps 新しいエレメントのプロパティをオーバーライドするプロパティ
- * @param children 子要素
- * @returns
+ * @param children 子要素。省略した場合は元の子要素を引き継ぐ
+ * @returns 新しいエレメント
  */
-declare function extendElement<P extends HTMLAttributes<T>, T extends HTMLElement>(element: ReactElement<P>, overrideProps?: P, ...children: ReactNode[]): ReactElement<P>;
+declare function extendElement<P extends ExtendableProps>(element: ReactElement<P>, overrideProps?: Partial<P>, ...children: ReactNode[]): ReactElement<P>;
 export = extendElement;

package/utils/extendElement/extendElement.d.mts

@@ -1,13 +1,17 @@
-import { HTMLAttributes, ReactElement, ReactNode } from "react";
-
+import { ExtendableProps } from "./types.mjs";
+import { ReactElement, ReactNode } from "react";
 //#region src/utils/extendElement/extendElement.d.ts
 /**
- * classNameとstyleはマージ、それ以外のプロパティはpropsの値で上書きしてcloneElementを実行する
+ * classNameとstyleはマージ、それ以外のプロパティはoverridePropsの値で上書きしてcloneElementを実行する
+ *
+ * - className: 元のclassNameの後ろに空白区切りで追加する（空文字は無視する）
+ * - style: 元のstyleにプロパティ単位で上書きする（値がundefinedのプロパティは無視する）
+ * - それ以外: overridePropsの値で上書きする（値がundefinedのプロパティは無視する）
+ *
  * @param element エレメント
  * @param overrideProps 新しいエレメントのプロパティをオーバーライドするプロパティ
- * @param children 子要素
- * @returns
+ * @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 };
+export default function extendElement<P extends ExtendableProps>(element: ReactElement<P>, overrideProps?: Partial<P>, ...children: ReactNode[]): ReactElement<P>;
+//#endregion