@julseb-lib/react 1.0.45 → 1.0.46

package/dist/index.d.cts

@@ -531,6 +531,28 @@ declare const usePagination: ({ currentPage, setCurrentPage, totalPages, }: ILib
     handlePage: (n: number) => void;
 };
 
+/**
+ * Hook for calculating the number of lines text will occupy in a container with given dimensions and font properties.
+ *
+ * @hook
+ *
+ * @example
+ * const lineCount = useTextLineCount(
+ *   "This is a long text that will wrap across multiple lines",
+ *   300,
+ *   16,
+ *   "Arial"
+ * )
+ *
+ * @param {string} text - The text content to measure for line count.
+ * @param {number} containerWidth - The width of the container in pixels.
+ * @param {number} [fontSize=16] - The font size in pixels. Default: 16.
+ * @param {string} [fontFamily="lato"] - The font family to use for measurement. Default: "system-ui".
+ *
+ * @returns {number} The number of lines the text will occupy.
+ *
+ * @see https://doc-julseb-lib-react.vercel.app/hooks/use-text-line-count
+ */
 declare const useTextLineCount: (text: string, containerWidth: number, fontSize?: number, fontFamily?: string) => number;
 
 /**

package/dist/index.d.ts

@@ -531,6 +531,28 @@ declare const usePagination: ({ currentPage, setCurrentPage, totalPages, }: ILib
     handlePage: (n: number) => void;
 };
 
+/**
+ * Hook for calculating the number of lines text will occupy in a container with given dimensions and font properties.
+ *
+ * @hook
+ *
+ * @example
+ * const lineCount = useTextLineCount(
+ *   "This is a long text that will wrap across multiple lines",
+ *   300,
+ *   16,
+ *   "Arial"
+ * )
+ *
+ * @param {string} text - The text content to measure for line count.
+ * @param {number} containerWidth - The width of the container in pixels.
+ * @param {number} [fontSize=16] - The font size in pixels. Default: 16.
+ * @param {string} [fontFamily="lato"] - The font family to use for measurement. Default: "system-ui".
+ *
+ * @returns {number} The number of lines the text will occupy.
+ *
+ * @see https://doc-julseb-lib-react.vercel.app/hooks/use-text-line-count
+ */
 declare const useTextLineCount: (text: string, containerWidth: number, fontSize?: number, fontFamily?: string) => number;
 
 /**

package/dist/index.js

@@ -2312,7 +2312,7 @@ var usePagination = ({
 
 // src/lib/hooks/useTextLineCount.tsx
 import { useState as useState8, useRef, useCallback, useEffect as useEffect7 } from "react";
-var useTextLineCount = (text, containerWidth, fontSize = 16, fontFamily = "system-ui") => {
+var useTextLineCount = (text, containerWidth, fontSize = 16, fontFamily = "lato") => {
   const [lineCount, setLineCount] = useState8(1);
   const canvasRef = useRef(null);
   const measureLines = useCallback(() => {