@kadoui/react 1.4.10 → 1.5.12

package/dist/components/Modal/ModalPortal.jsx

@@ -1,19 +0,0 @@
-"use client";
-import { use } from "react";
-import { motion, AnimatePresence } from "framer-motion";
-import { Portal } from "../Portal/Portal";
-import { ModalContext } from "./ModalContext";
-import { ClientOnly } from "../ClientOnly/ClientOnly";
-export function ModalPortal({ onClick, ...p }) {
-    const { isOpen, setOpen } = use(ModalContext);
-    return (<ClientOnly>
-      <Portal>
-        <AnimatePresence>
-          {isOpen ? (<motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} onClick={ev => {
-                onClick?.(ev);
-                setOpen(false);
-            }} {...p}/>) : null}
-        </AnimatePresence>
-      </Portal>
-    </ClientOnly>);
-}

package/dist/components/Modal/ModalRoot.jsx

@@ -1,35 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-import { getBrowserScrollbarWith } from "../../utils";
-import { ModalContext } from "./ModalContext";
-export function ModalRoot({ children, defaultOpen = false }) {
-    const [isOpen, setOpen] = useState(defaultOpen);
-    useEffect(() => {
-        const handleEscape = (e) => {
-            if (e.key === "Escape") {
-                setOpen(false);
-            }
-            ;
-        };
-        document.addEventListener("keydown", handleEscape);
-        return () => {
-            document.removeEventListener("keydown", handleEscape);
-            document.body.style.overflow = "unset";
-        };
-    }, []);
-    useEffect(() => {
-        const scrollbarWidth = getBrowserScrollbarWith();
-        if (isOpen) {
-            document.body.style.overflow = "hidden";
-            document.body.style.paddingRight = `${scrollbarWidth}px`;
-        }
-        else {
-            document.body.style.overflow = "unset";
-            document.body.style.paddingRight = "0px";
-        }
-        ;
-    }, [isOpen]);
-    return (<ModalContext value={{ isOpen, setOpen }}>
-      {children}
-    </ModalContext>);
-}

package/dist/components/Modal/ModalTrigger.jsx

@@ -1,10 +0,0 @@
-"use client";
-import { use } from "react";
-import { ModalContext } from "./ModalContext";
-export function ModalToggle({ onClick, ...props }) {
-    const { setOpen } = use(ModalContext);
-    return (<button onClick={(ev) => {
-            onClick?.(ev);
-            setOpen(prev => !prev);
-        }} {...props}/>);
-}

package/dist/components/Otp/OtpHiddenInput.jsx

@@ -1,7 +0,0 @@
-"use client";
-import { use } from "react";
-import { OtpContext } from "./OtpContext";
-export function OtpHiddenInput({ name, ...p }) {
-    const { getInputsValue } = use(OtpContext);
-    return (<input type="hidden" tabIndex={-1} name={name || "otp"} value={getInputsValue()} {...p}/>);
-}

package/dist/components/Otp/OtpInputs.jsx

@@ -1,54 +0,0 @@
-"use client";
-import { use } from "react";
-import { OtpContext } from "./OtpContext";
-export function OtpInputs({ name, length, onLastChange, ...props }) {
-    const { inputs, getInputsValue } = use(OtpContext);
-    const handlePaste = (ev, startIndex) => {
-        ev.preventDefault();
-        const pastedData = ev.clipboardData.getData("text").replace(/\s/g, ""); // Remove whitespace
-        if (!pastedData)
-            return;
-        for (let i = 0; i < pastedData.length; i++) {
-            const inputIndex = startIndex + i;
-            if (inputIndex >= length)
-                break; // Don't exceed OTP length
-            const input = inputs?.current[inputIndex];
-            const indexedPastedData = pastedData[i];
-            if (input && indexedPastedData) {
-                input.value = indexedPastedData;
-            }
-        }
-        const nextIndex = Math.min(startIndex + pastedData.length, length - 1);
-        inputs?.current[nextIndex]?.focus();
-        const otpValue = getInputsValue();
-        if (otpValue.length === length) {
-            onLastChange?.(otpValue);
-        }
-    };
-    const handleInputChange = (value, index) => {
-        if (value) {
-            const currentInput = inputs?.current[index];
-            const currentValue = currentInput?.value[currentInput.value.length - 1];
-            if (currentValue) {
-                currentInput.value = currentValue;
-            }
-            const nextInput = inputs?.current[index + 1];
-            if (nextInput) {
-                nextInput.value = "";
-                nextInput.focus();
-                return;
-            }
-            onLastChange?.(getInputsValue());
-        }
-    };
-    const handleBackspace = (e, index) => {
-        if (e.key === "Backspace" && !e.currentTarget.value && index > 0) {
-            inputs?.current[index - 1]?.focus();
-        }
-    };
-    return Array.from({ length }).map((_, index) => (<input key={index} autoComplete="off" name={`${name || "otp"}-${index}`} onPaste={ev => handlePaste(ev, index)} onKeyDown={ev => handleBackspace(ev, index)} onChange={ev => handleInputChange(ev.target.value, index)} ref={el => {
-            if (inputs) {
-                inputs.current[index] = el;
-            }
-        }} {...props}/>));
-}

package/dist/components/Otp/OtpRoot.jsx

@@ -1,15 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-import { OtpContext } from "./OtpContext";
-export function OtpRoot(p) {
-    const inputs = useRef([]);
-    useEffect(() => {
-        inputs.current[0]?.focus();
-    }, []);
-    const getInputsValue = () => {
-        return inputs?.current.map(input => input?.value || "").join("") || "";
-    };
-    return (<OtpContext value={{ inputs, getInputsValue }}>
-      <div {...p}/>
-    </OtpContext>);
-}

package/dist/components/Pagination/PaginationContext.jsx

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const PaginationContext = createContext({});

package/dist/components/Pagination/PaginationCounts.jsx

@@ -1,9 +0,0 @@
-"use client";
-import { use } from "react";
-import { PaginationContext } from "./PaginationContext";
-export function PaginationCounts(props) {
-    const { page, pageLength } = use(PaginationContext);
-    return (<p {...props}>
-      Page {page} / {pageLength}
-    </p>);
-}

package/dist/components/Pagination/PaginationNextBtn.jsx

@@ -1,10 +0,0 @@
-"use client";
-import { use } from "react";
-import { PaginationContext } from "./PaginationContext";
-export function PaginationNextBtn({ onClick, disabled, ...p }) {
-    const { page, pageLength, nextPage } = use(PaginationContext);
-    return (<button disabled={disabled || page === pageLength} onClick={ev => {
-            onClick?.(ev);
-            nextPage();
-        }} {...p}/>);
-}

package/dist/components/Pagination/PaginationPrevBtn.jsx

@@ -1,10 +0,0 @@
-"use client";
-import { use } from "react";
-import { PaginationContext } from "./PaginationContext";
-export function PaginationPrevBtn({ onClick, disabled, ...p }) {
-    const { page, prevPage } = use(PaginationContext);
-    return (<button disabled={disabled || page === 1} onClick={ev => {
-            onClick?.(ev);
-            prevPage();
-        }} {...p}/>);
-}

package/dist/components/Pagination/PaginationSearchParamsRoot.jsx

@@ -1,30 +0,0 @@
-"use client";
-import { useRouter, useSearchParams } from "next/navigation";
-import { useEffect, useState } from "react";
-import { PaginationContext } from "./PaginationContext";
-export function PaginationSearchParamsRoot({ pageKey, pageLength, children }) {
-    const router = useRouter();
-    const searchParams = useSearchParams();
-    const [currentPage, setCurrentPage] = useState(1);
-    useEffect(() => {
-        setCurrentPage(+(searchParams.get(pageKey || "page") || "1"));
-    }, [pageKey, searchParams]);
-    const pushRouter = (page) => {
-        const params = new URLSearchParams(searchParams.toString());
-        params.set(pageKey || "page", page.toString());
-        router.push("?" + params.toString());
-    };
-    const nextPage = () => {
-        if (currentPage < pageLength) {
-            pushRouter(currentPage + 1);
-        }
-    };
-    const prevPage = () => {
-        if (currentPage > 1) {
-            pushRouter(currentPage - 1);
-        }
-    };
-    return (<PaginationContext.Provider value={{ page: currentPage, pageLength, nextPage, prevPage }}>
-      {children}
-    </PaginationContext.Provider>);
-}

package/dist/components/Pagination/PaginationStateRoot.jsx

@@ -1,11 +0,0 @@
-"use client";
-import { useState } from "react";
-import { PaginationContext } from "./PaginationContext";
-export function PaginationStateRoot({ pageLength, children }) {
-    const [page, setPage] = useState(1);
-    const nextPage = () => setPage(prev => prev < pageLength ? prev + 1 : prev);
-    const prevPage = () => setPage(prev => prev > 1 ? prev - 1 : prev);
-    return (<PaginationContext.Provider value={{ page, pageLength, nextPage, prevPage }}>
-      {children}
-    </PaginationContext.Provider>);
-}

package/dist/components/PasswordInput/PasswordInputContext.jsx

@@ -1,2 +0,0 @@
-import { createContext } from "react";
-export const PasswordInputContext = createContext({});

package/dist/components/PasswordInput/PasswordInputField.jsx

@@ -1,7 +0,0 @@
-"use client";
-import { use } from "react";
-import { PasswordInputContext } from "./PasswordInputContext";
-export function PasswordInputField(props) {
-    const { isVisible } = use(PasswordInputContext);
-    return (<input type={isVisible ? "text" : "password"} {...props}/>);
-}

package/dist/components/PasswordInput/PasswordInputRoot.jsx

@@ -1,9 +0,0 @@
-"use client";
-import { useState } from "react";
-import { PasswordInputContext } from "./PasswordInputContext";
-export function PasswordInputRoot(props) {
-    const [isVisible, setIsVisible] = useState(false);
-    return (<PasswordInputContext value={{ isVisible, setIsVisible }}>
-      <label {...props}/>
-    </PasswordInputContext>);
-}

package/dist/components/PasswordInput/PasswordInputToggle.jsx

@@ -1,12 +0,0 @@
-"use client";
-import { use } from "react";
-import { PasswordInputContext } from "./PasswordInputContext";
-export function PasswordInputToggle({ visibleChildren, onClick, children, ...props }) {
-    const { isVisible, setIsVisible } = use(PasswordInputContext);
-    return (<button type="button" onClick={ev => {
-            setIsVisible(prev => !prev);
-            onClick?.(ev);
-        }} {...props}>
-      {isVisible ? visibleChildren : children}
-    </button>);
-}

package/dist/components/Popover/PopoverBody.jsx

@@ -1,12 +0,0 @@
-"use client";
-import { use } from "react";
-import { PopoverContext } from "./PopoverContext";
-export function PopoverBody({ preventClose, onClick, ...p }) {
-    const { bodyRef, isOpen } = use(PopoverContext);
-    return (isOpen ? (<div ref={bodyRef} onClick={ev => {
-            if (preventClose) {
-                ev.stopPropagation();
-            }
-            onClick?.(ev);
-        }} {...p}/>) : null);
-}

package/dist/components/Popover/PopoverMenu.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from "react";
-export type PopoverMenuPropsT = HTMLAttributes<HTMLDivElement> & {
-    preventClose?: boolean;
-};
-export declare function PopoverMenu({ preventClose, onClick, ...p }: PopoverMenuPropsT): import("react").JSX.Element | null;
-//# sourceMappingURL=PopoverMenu.d.ts.map

package/dist/components/Popover/PopoverMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,sCAkB7E"}

package/dist/components/Popover/PopoverMenu.jsx

@@ -1,12 +0,0 @@
-"use client";
-import { use } from "react";
-import { PopoverContext } from "./PopoverContext";
-export function PopoverMenu({ preventClose, onClick, ...p }) {
-    const { menuRef, isOpen } = use(PopoverContext);
-    return (isOpen ? (<div ref={menuRef} onClick={ev => {
-            if (preventClose) {
-                ev.stopPropagation();
-            }
-            onClick?.(ev);
-        }} {...p}/>) : null);
-}

package/dist/components/Popover/PopoverRoot.jsx

@@ -1,75 +0,0 @@
-"use client";
-import { useEffect, useRef, useState } from "react";
-import { PopoverContext } from "./PopoverContext";
-import { selectAccessibleChildren } from "../../utils";
-export function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown, onMouseEnter, onMouseLeave, ...p }) {
-    const [isOpen, setOpen] = useState(false);
-    const toggleRef = useRef(null);
-    const bodyRef = useRef(null);
-    useEffect(() => {
-        const closeHandler = () => {
-            setOpen(false);
-        };
-        window.addEventListener("click", closeHandler);
-        return () => window.removeEventListener("click", closeHandler);
-    }, []);
-    useEffect(() => {
-        if (isOpen) {
-            selectFirstMenuChild();
-        }
-    }, [isOpen]);
-    const selectFirstMenuChild = () => {
-        if (!bodyRef.current) {
-            return;
-        }
-        const children = selectAccessibleChildren(bodyRef.current);
-        const firstChild = children[0];
-        if (!firstChild) {
-            return;
-        }
-        firstChild.focus();
-    };
-    const handleKeyDown = (ev) => {
-        if (!accessHorizontalArrows) {
-            return null;
-        }
-        if (ev.key === "ArrowRight") {
-            if (accessHorizontalArrows === "ArrowRight") {
-                setOpen(true);
-                selectFirstMenuChild();
-            }
-            else {
-                setOpen(false);
-                toggleRef.current?.focus();
-            }
-        }
-        if (ev.key === "ArrowLeft") {
-            if (accessHorizontalArrows === "ArrowLeft") {
-                setOpen(true);
-                selectFirstMenuChild();
-            }
-            else {
-                setOpen(false);
-                toggleRef.current?.focus();
-            }
-        }
-    };
-    return (<PopoverContext value={{ isOpen, setOpen, toggleRef, bodyRef, mode }}>
-      <div onKeyDown={ev => {
-            onKeyDown?.(ev);
-            handleKeyDown(ev);
-        }} onMouseEnter={ev => {
-            onMouseEnter?.(ev);
-            if (["hover", "both"].includes(mode)) {
-                ev.stopPropagation();
-                setOpen(true);
-            }
-        }} onMouseLeave={ev => {
-            onMouseLeave?.(ev);
-            if (["hover", "both"].includes(mode)) {
-                ev.stopPropagation();
-                setOpen(false);
-            }
-        }} {...p}/>
-    </PopoverContext>);
-}

package/dist/components/Popover/PopoverToggle.jsx

@@ -1,13 +0,0 @@
-"use client";
-import { use } from "react";
-import { PopoverContext } from "./PopoverContext";
-export function PopoverToggle({ onClick, ...props }) {
-    const { mode, toggleRef, setOpen } = use(PopoverContext);
-    return (<button ref={toggleRef} onClick={ev => {
-            onClick?.(ev);
-            ev.stopPropagation();
-            if (["click", "both"].includes(mode)) {
-                setOpen(prev => !prev);
-            }
-        }} {...props}/>);
-}

package/dist/components/Portal/Portal.jsx

@@ -1,7 +0,0 @@
-"use client";
-import { createPortal } from "react-dom";
-export function Portal({ children, container }) {
-    return createPortal(<>
-      {children}
-    </>, container || document.body);
-}

package/dist/components/Progress/ProgressBar.jsx

@@ -1,11 +0,0 @@
-"use client";
-import { use } from "react";
-import { motion } from "framer-motion";
-import { ProgressContext } from "./ProgressContext";
-export function ProgressBar({ duration, children, ...p }) {
-    const { value, maxValue } = use(ProgressContext);
-    const percentage = Math.min(100, Math.max(0, (value / maxValue) * 100));
-    return (<motion.div initial={{ width: 0 }} whileInView={{ width: `${percentage}%` }} transition={{ duration: duration || 3 }} {...p}>
-      {children || <span className="text-xs">{percentage}%</span>}
-    </motion.div>);
-}

package/dist/components/Progress/ProgressRoot.jsx

@@ -1,7 +0,0 @@
-"use client";
-import { ProgressContext } from "./ProgressContext";
-export function ProgressRoot({ value, maxValue = 100, ...p }) {
-    return (<ProgressContext value={{ value, maxValue }}>
-      <div {...p}/>
-    </ProgressContext>);
-}

package/dist/components/QrCode/QrCode.jsx

@@ -1,14 +0,0 @@
-"use client";
-import QRCode from "qrcode";
-import React, { useEffect, useRef } from "react";
-export function QrCode({ value, options, ...props }) {
-    const canvasRef = useRef(null);
-    useEffect(() => {
-        console.log(value);
-        QRCode.toCanvas(canvasRef.current, value, options, function (error) {
-            if (error)
-                console.error(error);
-        });
-    }, [value, options]);
-    return <canvas ref={canvasRef} {...props}/>;
-}

package/dist/components/Rating/RatingItems.jsx

@@ -1,14 +0,0 @@
-"use client";
-import { use } from "react";
-import { RatingContext } from "./RatingContext";
-export function RatingItems({ count, value, onValueChange, element, activeElement, ...p }) {
-    const { hoverValue, setHoverValue } = use(RatingContext);
-    const displayValue = hoverValue !== null ? hoverValue : value;
-    return (Array.from({ length: count }).map((_, index) => {
-        const itemValue = index + 1;
-        const isActive = itemValue <= displayValue;
-        return (<button key={index} role="radio" type="button" aria-checked={itemValue === value} onClick={() => onValueChange(itemValue)} onMouseEnter={() => setHoverValue(itemValue)} aria-label={`${itemValue} out of ${count} stars`} {...p}>
-          {isActive ? activeElement : element}
-        </button>);
-    }));
-}

package/dist/components/Rating/RatingRoot.jsx

@@ -1,9 +0,0 @@
-"use client";
-import { useState } from "react";
-import { RatingContext } from "./RatingContext";
-export const RatingRoot = (p) => {
-    const [hoverValue, setHoverValue] = useState(null);
-    return (<RatingContext value={{ hoverValue, setHoverValue }}>
-      <div onMouseLeave={() => setHoverValue(null)} {...p}/>
-    </RatingContext>);
-};

package/dist/components/Sheet/SheetBody.jsx

@@ -1,20 +0,0 @@
-"use client";
-import { use } from "react";
-import { motion } from "framer-motion";
-import { SheetContext } from "./SheetContext";
-export function SheetBody(p) {
-    const { controls, y, closeHandler: handleClose } = use(SheetContext);
-    return (<motion.div id="sheet" onClick={(ev) => ev.stopPropagation()} initial={{ y: "100%" }} animate={{ y: "0%" }} exit={{ y: "100%" }} style={{ y }} drag="y" dragControls={controls} dragListener={false} transition={{
-            ease: "easeInOut",
-        }} onDragEnd={() => {
-            if ((y?.get() || 0) >= 100) {
-                handleClose();
-            }
-        }} dragConstraints={{
-            top: 0,
-            bottom: 0,
-        }} dragElastic={{
-            top: 0,
-            bottom: 0.5,
-        }} {...p}/>);
-}

package/dist/components/Sheet/SheetContent.jsx

@@ -1,3 +0,0 @@
-export function SheetContent(p) {
-    return <div {...p}/>;
-}

package/dist/components/Sheet/SheetHeader.jsx

@@ -1,10 +0,0 @@
-"use client";
-import { use } from "react";
-import { SheetContext } from "./SheetContext";
-export function SheetHeader({ onPointerDown, ...p }) {
-    const { controls } = use(SheetContext);
-    return (<div onPointerDown={(ev) => {
-            controls?.start(ev);
-            onPointerDown?.(ev);
-        }} {...p}/>);
-}

package/dist/components/Sheet/SheetPortal.jsx

@@ -1,16 +0,0 @@
-"use client";
-import { use } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import { Portal } from "../Portal/Portal";
-import { SheetContext } from "./SheetContext";
-import { ClientOnly } from "../ClientOnly/ClientOnly";
-export function SheetPortal(p) {
-    const { isOpen, closeHandler: handleClose, scope } = use(SheetContext);
-    return (<ClientOnly>
-      <Portal>
-        <AnimatePresence>
-          {isOpen ? (<motion.div ref={scope} onClick={handleClose} initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} {...p}/>) : null}
-        </AnimatePresence>
-      </Portal>
-    </ClientOnly>);
-}

package/dist/components/Sheet/SheetRoot.jsx

@@ -1,36 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-import { useDragControls, useMotionValue, useAnimate, } from "framer-motion";
-import { SheetContext } from "./SheetContext";
-export function SheetRoot({ children }) {
-    const y = useMotionValue(0);
-    const controls = useDragControls();
-    const [scope, animate] = useAnimate();
-    const [isOpen, setOpen] = useState(false);
-    useEffect(() => {
-        const bodyElem = document.body;
-        const removeOverflow = () => {
-            bodyElem.style.overflow = "unset";
-        };
-        if (isOpen) {
-            bodyElem.style.overflow = "hidden";
-        }
-        else {
-            removeOverflow();
-        }
-        return () => removeOverflow();
-    }, [isOpen]);
-    const closeHandler = async () => {
-        animate(scope.current, {
-            opacity: [1, 0],
-        });
-        const yStart = typeof y.get() === "number" ? y.get() : 0;
-        await animate("#sheet", {
-            y: [yStart, "100%"],
-        });
-        setOpen(false);
-    };
-    return (<SheetContext value={{ isOpen, setOpen, closeHandler, scope, controls, y }}>
-      {children}
-    </SheetContext>);
-}

package/dist/components/Sheet/SheetToggle.jsx

@@ -1,10 +0,0 @@
-"use client";
-import { use } from "react";
-import { SheetContext } from "./SheetContext";
-export function SheetToggle({ onClick, ...props }) {
-    const { setOpen } = use(SheetContext);
-    return (<button onClick={ev => {
-            onClick?.(ev);
-            setOpen(prev => !prev);
-        }} {...props}/>);
-}

package/dist/components/ShowMore/ShowMoreContent.jsx

@@ -1,20 +0,0 @@
-"use client";
-import { use } from "react";
-import { ShowMoreContext } from "./ShowMoreContext";
-export function ShowMoreContent({ children, style, ...props }) {
-    const { contentRef, shouldShowMore, isShowMore, maxHeight } = use(ShowMoreContext);
-    return (<div ref={contentRef} style={{
-            overflow: "hidden",
-            transition: "all 150ms ease",
-            height: shouldShowMore
-                ? isShowMore
-                    ? contentRef.current?.scrollHeight
-                        ? `${contentRef.current.scrollHeight}px`
-                        : "auto"
-                    : maxHeight
-                : "auto",
-            ...style
-        }} {...props}>
-      {children}
-    </div>);
-}

package/dist/components/ShowMore/ShowMoreFade.jsx

@@ -1,7 +0,0 @@
-"use client";
-import { use } from "react";
-import { ShowMoreContext } from "./ShowMoreContext";
-export function ShowMoreFade(p) {
-    const { shouldShowMore, isShowMore } = use(ShowMoreContext);
-    return (shouldShowMore && !isShowMore ? (<div {...p}/>) : null);
-}

package/dist/components/ShowMore/ShowMoreRoot.jsx

@@ -1,22 +0,0 @@
-"use client";
-import { useEffect, useRef, useState } from "react";
-import { ShowMoreContext } from "./ShowMoreContext";
-export function ShowMoreRoot({ maxLines, defaultExpanded = false, style, ...p }) {
-    const [shouldShowMore, setShouldShowMore] = useState(false);
-    const [isShowMore, setIsShowMore] = useState(defaultExpanded);
-    const [maxHeight, setMaxHeight] = useState(0);
-    const contentRef = useRef(null);
-    useEffect(() => {
-        if (contentRef.current) {
-            const element = contentRef.current;
-            const lineHeight = Number.parseInt(window.getComputedStyle(element).lineHeight);
-            const maxHeight = lineHeight * (maxLines || 3);
-            const actualHeight = element.scrollHeight;
-            setMaxHeight(maxHeight);
-            setShouldShowMore(actualHeight > maxHeight);
-        }
-    }, [maxLines]);
-    return (<ShowMoreContext value={{ contentRef, isShowMore, setIsShowMore, maxHeight, shouldShowMore }}>
-      <div style={{ position: "relative", ...style }} {...p}></div>
-    </ShowMoreContext>);
-}

package/dist/components/ShowMore/ShowMoreTrigger.jsx

@@ -1,13 +0,0 @@
-"use client";
-import { use } from "react";
-import { ShowMoreContext } from "./ShowMoreContext";
-export function ShowMoreTrigger({ onClick, style, ...p }) {
-    const { setIsShowMore } = use(ShowMoreContext);
-    return (<button style={{
-            position: "relative",
-            ...style
-        }} onClick={ev => {
-            onClick?.(ev);
-            setIsShowMore(prev => !prev);
-        }} {...p}/>);
-}