@kopexa/react-utils 17.0.57 → 17.1.1

package/dist/chunk-D4ICWPWH.mjs

@@ -0,0 +1,11 @@
+"use client";
+
+// src/client-only.tsx
+import { useHydrated } from "@kopexa/use-hydrated";
+var ClientOnly = ({ children, fallback = null }) => {
+  return useHydrated() ? children() : fallback;
+};
+
+export {
+  ClientOnly
+};

package/dist/client-only.d.mts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+
+type ClientOnlyProps = {
+    children: () => React.ReactNode;
+    fallback?: React.ReactNode;
+};
+/**
+ * Renders children only after the client has hydrated.
+ * Useful for avoiding hydration mismatches with browser-only APIs.
+ *
+ * Children is a render function (not a ReactNode) to avoid
+ * executing client-only code during SSR.
+ */
+declare const ClientOnly: ({ children, fallback }: ClientOnlyProps) => react.ReactNode;
+
+export { ClientOnly };

package/dist/client-only.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+
+type ClientOnlyProps = {
+    children: () => React.ReactNode;
+    fallback?: React.ReactNode;
+};
+/**
+ * Renders children only after the client has hydrated.
+ * Useful for avoiding hydration mismatches with browser-only APIs.
+ *
+ * Children is a render function (not a ReactNode) to avoid
+ * executing client-only code during SSR.
+ */
+declare const ClientOnly: ({ children, fallback }: ClientOnlyProps) => react.ReactNode;
+
+export { ClientOnly };

package/dist/client-only.js

@@ -0,0 +1,35 @@
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client-only.tsx
+var client_only_exports = {};
+__export(client_only_exports, {
+  ClientOnly: () => ClientOnly
+});
+module.exports = __toCommonJS(client_only_exports);
+var import_use_hydrated = require("@kopexa/use-hydrated");
+var ClientOnly = ({ children, fallback = null }) => {
+  return (0, import_use_hydrated.useHydrated)() ? children() : fallback;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ClientOnly
+});

package/dist/client-only.mjs

@@ -0,0 +1,8 @@
+"use client";
+"use client";
+import {
+  ClientOnly
+} from "./chunk-D4ICWPWH.mjs";
+export {
+  ClientOnly
+};

package/dist/dom.d.mts

@@ -1,4 +1,4 @@
-import { Ref, RefCallback, ReactNode } from 'react';
+import { ReactNode, Ref, RefCallback } from 'react';
 
 /**
  * A function that merges React refs into one.

package/dist/dom.d.ts

@@ -1,4 +1,4 @@
-import { Ref, RefCallback, ReactNode } from 'react';
+import { ReactNode, Ref, RefCallback } from 'react';
 
 /**
  * A function that merges React refs into one.

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 export { getValidChildren } from './children.mjs';
+export { ClientOnly } from './client-only.mjs';
 export { createContext } from './context.mjs';
 export { getSubtree, mergeRefs } from './dom.mjs';
 export { ComponentPropsWithout, DOMAttributes, DOMElement, Merge, PropGetter, RemovedProps } from './types.mjs';

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { getValidChildren } from './children.js';
+export { ClientOnly } from './client-only.js';
 export { createContext } from './context.js';
 export { getSubtree, mergeRefs } from './dom.js';
 export { ComponentPropsWithout, DOMAttributes, DOMElement, Merge, PropGetter, RemovedProps } from './types.js';

package/dist/index.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ClientOnly: () => ClientOnly,
   createContext: () => createContext,
   getSubtree: () => getSubtree,
   getValidChildren: () => getValidChildren,
@@ -36,6 +37,12 @@ function getValidChildren(children) {
   );
 }
 
+// src/client-only.tsx
+var import_use_hydrated = require("@kopexa/use-hydrated");
+var ClientOnly = ({ children, fallback = null }) => {
+  return (0, import_use_hydrated.useHydrated)() ? children() : fallback;
+};
+
 // src/context.ts
 var import_react2 = require("react");
 function getErrorMessage(hook, provider) {
@@ -101,6 +108,7 @@ function getSubtree(options, content) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ClientOnly,
   createContext,
   getSubtree,
   getValidChildren,

package/dist/index.mjs

@@ -2,6 +2,9 @@
 import {
   getValidChildren
 } from "./chunk-KGECMVHS.mjs";
+import {
+  ClientOnly
+} from "./chunk-D4ICWPWH.mjs";
 import {
   createContext
 } from "./chunk-2DAVPPDT.mjs";
@@ -10,6 +13,7 @@ import {
   mergeRefs
 } from "./chunk-S5G552ZW.mjs";
 export {
+  ClientOnly,
   createContext,
   getSubtree,
   getValidChildren,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/react-utils",
-  "version": "17.0.57",
+  "version": "17.1.1",
   "description": "A set of utilities for react on client side",
   "keywords": [
     "react-utils"
@@ -28,7 +28,8 @@
     "react": ">=19.0.0-rc.0"
   },
   "dependencies": {
-    "@kopexa/shared-utils": "17.0.57"
+    "@kopexa/shared-utils": "17.0.59",
+    "@kopexa/use-hydrated": "1.0.1"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",