@majapisoftwares/ui 4.3.16 → 5.0.0

package/components/Table/TableFooterWithPagination.d.ts

@@ -1,13 +0,0 @@
-export interface TableFooterWithPaginationProps {
-    itemsPerPage: number;
-    totalItems?: number;
-    currentPage: number;
-    onChangePage?: (page: number) => void;
-    previousText?: string;
-    nextText?: string;
-    showingText?: string;
-    toText?: string;
-    ofText?: string;
-    resultsText?: string;
-}
-export default function TableFooterWithPagination({ itemsPerPage, totalItems, currentPage, onChangePage, previousText, nextText, showingText, toText, ofText, resultsText, }: TableFooterWithPaginationProps): import("react").JSX.Element;

package/components/Table/TableFooterWithPagination.jsx

@@ -1,57 +0,0 @@
-import TableFooter from "./TableFooter";
-import Pagination from "../Pagination/Pagination";
-import { useCallback, useEffect, useState } from "react";
-import Button from "../Button/Button";
-export default function TableFooterWithPagination({ itemsPerPage, totalItems, currentPage, onChangePage, previousText = "Previous", nextText = "Next", showingText = "Showing", toText = "to", ofText = "of", resultsText = "results", }) {
-    const pageCount = totalItems !== undefined && itemsPerPage !== undefined
-        ? Math.floor(totalItems / itemsPerPage)
-        : 0;
-    const [page, setPage] = useState(currentPage);
-    useEffect(() => {
-        if (page !== currentPage) {
-            setPage(currentPage);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [currentPage]);
-    useEffect(() => {
-        if (onChangePage) {
-            onChangePage(page);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [page]);
-    const handlePageClick = useCallback((page) => () => setPage(page), []);
-    let start = (page - 1) * itemsPerPage + 1;
-    let end = page * itemsPerPage;
-    if (totalItems !== undefined) {
-        end = end > totalItems ? totalItems : end;
-    }
-    if (end === 0) {
-        start = 0;
-    }
-    return (<TableFooter>
-      <div className="flex flex-1 justify-between sm:hidden">
-        <Button disabled={page === 1} onClick={handlePageClick(page - 1)}>
-          {previousText}
-        </Button>
-        <Button disabled={page === pageCount - 1} onClick={handlePageClick(page + 1)}>
-          {nextText}
-        </Button>
-      </div>
-      <div className="hidden sm:flex sm:flex-1 sm:items-center sm:justify-between">
-        <div>
-          <p className="text-sm text-zinc-700 dark:text-zinc-100">
-            {showingText} <span className="font-medium">{start}</span> {toText}{" "}
-            <span className="font-medium">{end}</span>
-            {totalItems !== undefined && itemsPerPage !== undefined && (<>
-                {" "}
-                {ofText} <span className="font-medium">{totalItems}</span>{" "}
-                {resultsText}
-              </>)}
-          </p>
-        </div>
-        <div>
-          <Pagination itemsPerPage={itemsPerPage} totalItems={totalItems} currentPage={currentPage} onChangePage={onChangePage}/>
-        </div>
-      </div>
-    </TableFooter>);
-}

package/components/Table/TableHead.d.ts

@@ -1,5 +0,0 @@
-import { type ReactNode } from "react";
-export type TableHeadProps = {
-    children?: ReactNode;
-};
-export default function TableHead({ children }: TableHeadProps): import("react").JSX.Element;

package/components/Table/TableHead.jsx

@@ -1,9 +0,0 @@
-import { useMemo } from "react";
-import TableHeadContext from "./TableHeadContext";
-export default function TableHead({ children }) {
-    return (<TableHeadContext.Provider value={useMemo(() => ({ isHead: true }), [])}>
-      <thead className="sticky top-0 bg-zinc-50 dark:bg-zinc-900">
-        {children}
-      </thead>
-    </TableHeadContext.Provider>);
-}

package/components/Table/TableHeadContext.d.ts

@@ -1,4 +0,0 @@
-declare const TableHeadContext: import("react").Context<{
-    isHead: boolean;
-}>;
-export default TableHeadContext;

package/components/Table/TableHeadContext.jsx

@@ -1,3 +0,0 @@
-import { createContext } from "react";
-const TableHeadContext = createContext({ isHead: true });
-export default TableHeadContext;

package/components/Table/TableHeader.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode } from "react";
-export type TableHeaderProps = {
-    title?: ReactNode;
-    subtitle?: ReactNode;
-    children?: ReactNode;
-};
-export default function TableHeader({ title, subtitle, children, }: TableHeaderProps): import("react").JSX.Element;

package/components/Table/TableHeader.jsx

@@ -1,15 +0,0 @@
-import Text from "../Text";
-import Stack from "../Stack";
-export default function TableHeader({ title, subtitle, children, }) {
-    return (<div className="px-4 md:px-0">
-      <div className="sm:flex sm:items-center">
-        {(title || subtitle) && (<Stack className="sm:flex-auto">
-            {title && (<Text variant="label" size="lg">
-                {title}
-              </Text>)}
-            {subtitle && <Text variant="secondary">{subtitle}</Text>}
-          </Stack>)}
-        {children && (<div className="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">{children}</div>)}
-      </div>
-    </div>);
-}

package/components/Table/TableRow.d.ts

@@ -1,8 +0,0 @@
-import type { MouseEventHandler, ReactNode } from "react";
-export type TableRowProps = {
-    children?: ReactNode;
-    onClick?: MouseEventHandler<HTMLTableRowElement>;
-    className?: string;
-};
-declare function TableRow({ children, onClick, className, ...props }: TableRowProps): import("react").JSX.Element;
-export default TableRow;

package/components/Table/TableRow.jsx

@@ -1,9 +0,0 @@
-import clsx from "../../utils/clsx";
-function TableRow({ children, onClick, className, ...props }) {
-    return (<tr onClick={onClick} className={clsx({
-            "group/row cursor-pointer hover:bg-black/5 dark:hover:bg-white/5": !!onClick,
-        }, className)} {...props}>
-      {children}
-    </tr>);
-}
-export default TableRow;

package/components/Table/index.d.ts

@@ -1,3 +0,0 @@
-import Table from "./Table";
-export * from "./Table";
-export default Table;

package/components/Table/index.jsx

@@ -1,3 +0,0 @@
-import Table from "./Table";
-export * from "./Table";
-export default Table;

package/components/Tabs/Tabs.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from "react";
-import { type ButtonProps } from "../Button";
-export default function Tabs({ children, className, }: {
-    children: ReactNode;
-    className?: string;
-}): import("react").JSX.Element;
-export declare function Tab({ children, selected, onClick, className, ...props }: Omit<ButtonProps, "variant"> & {
-    selected?: boolean;
-}): import("react").JSX.Element;

package/components/Tabs/Tabs.jsx

@@ -1,13 +0,0 @@
-import clsx from "../../utils/clsx";
-import Button, {} from "../Button";
-export default function Tabs({ children, className, }) {
-    return <div className={clsx("ui-tabs", className)}>{children}</div>;
-}
-export function Tab({ children, selected, onClick, className, ...props }) {
-    return (<div className="relative">
-      <Button className={clsx("ui-tabs-tab", className)} data-selected={selected ? "" : undefined} onClick={onClick} variant="custom" {...props}>
-        {children}
-      </Button>
-      {selected && <div className="ui-tabs-indicator"/>}
-    </div>);
-}

package/components/Tabs/index.d.ts

@@ -1,3 +0,0 @@
-import Tabs from "./Tabs";
-export * from "./Tabs";
-export default Tabs;

package/components/Tabs/index.jsx

@@ -1,3 +0,0 @@
-import Tabs from "./Tabs";
-export * from "./Tabs";
-export default Tabs;

package/components/TabsSwitcher/Tab.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode } from "react";
-/**
- * Tab represents an individual tab. When active,
- * it renders an animated rounded background using the latest motion package.
- */
-export default function Tab({ active, onClick, children, className, id, variant, cursorClassName, }: {
-    value: string;
-    active?: boolean;
-    onClick?: () => void;
-    children: ReactNode;
-    className?: string;
-    id?: string;
-    variant?: "filled" | "outlined";
-    cursorClassName?: string;
-}): import("react").JSX.Element;

package/components/TabsSwitcher/Tab.jsx

@@ -1,18 +0,0 @@
-import { motion } from "motion/react";
-import Button from "../Button";
-import clsx from "../../utils/clsx";
-/**
- * Tab represents an individual tab. When active,
- * it renders an animated rounded background using the latest motion package.
- */
-export default function Tab({ active, onClick, children, className, id, variant, cursorClassName, }) {
-    return (<Button onClick={onClick} className={clsx("relative", {
-            "text-white": active && variant === "filled",
-        }, className)} variant="text" rounded={variant === "filled"}>
-      {active && (<motion.div layoutId={id} className={clsx("bg-primary-500 absolute", {
-                "inset-0 rounded-full": variant === "filled",
-                "right-0 bottom-0 left-0 h-0.5": variant === "outlined",
-            }, cursorClassName)} transition={{ type: "spring", stiffness: 500, damping: 30 }}/>)}
-      <span className="relative z-10">{children}</span>
-    </Button>);
-}

package/components/TabsSwitcher/TabsSwitcher.d.ts

@@ -1,22 +0,0 @@
-import { type ReactElement } from "react";
-type TabElement = ReactElement<{
-    value: string;
-    active?: boolean;
-    onClick?: () => void;
-    id?: string;
-    variant?: "filled" | "outlined";
-    className?: string;
-    cursorClassName?: string;
-}>;
-export default function TabsSwitcher({ value, onChange, children, overflowHidden, className, variant, tabClassName, cursorClassName, tabsClassName, }: {
-    value?: string;
-    onChange?: (value: string) => void;
-    children: TabElement | TabElement[];
-    overflowHidden?: boolean;
-    className?: string;
-    variant?: "filled" | "outlined";
-    tabClassName?: string;
-    cursorClassName?: string;
-    tabsClassName?: string;
-}): import("react").JSX.Element;
-export {};

package/components/TabsSwitcher/TabsSwitcher.jsx

@@ -1,31 +0,0 @@
-import { Children, cloneElement, isValidElement, useId, } from "react";
-import clsx from "../../utils/clsx";
-export default function TabsSwitcher({ value, onChange, children, overflowHidden, className, variant = "filled", tabClassName, cursorClassName, tabsClassName, }) {
-    const id = useId();
-    return (<div className={clsx({
-            "rounded-full bg-zinc-200 p-1 dark:bg-zinc-900": variant === "filled",
-        }, className)}>
-      <div className={clsx({
-            "rounded-full": variant === "filled",
-            "overflow-hidden": overflowHidden,
-        })}>
-        <div className={clsx("relative flex", tabsClassName)}>
-          {Children.map(children, (child) => {
-            if (isValidElement(child)) {
-                const childValue = child.props.value;
-                const isActive = childValue === value;
-                return cloneElement(child, {
-                    active: isActive,
-                    onClick: () => onChange?.(childValue),
-                    id,
-                    variant,
-                    className: tabClassName,
-                    cursorClassName,
-                });
-            }
-            return child;
-        })}
-        </div>
-      </div>
-    </div>);
-}

package/components/TabsSwitcher/index.d.ts

@@ -1,4 +0,0 @@
-import TabsSwitcher from "./TabsSwitcher";
-export * from "./TabsSwitcher";
-export { default as Tab } from "./Tab";
-export default TabsSwitcher;

package/components/TabsSwitcher/index.jsx

@@ -1,4 +0,0 @@
-import TabsSwitcher from "./TabsSwitcher";
-export * from "./TabsSwitcher";
-export { default as Tab } from "./Tab";
-export default TabsSwitcher;

package/components/Text/Text.d.ts

@@ -1,24 +0,0 @@
-import type { ComponentProps, DetailedHTMLProps, HTMLAttributes } from "react";
-import NextLink from "next/link";
-export declare const defaultTextStyles: {
-    variant: {
-        default: string;
-        label: string;
-        secondary: string;
-    };
-    size: {
-        xs: string;
-        sm: string;
-        base: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-    };
-};
-export type TextProps = {
-    variant?: keyof (typeof defaultTextStyles)["variant"] | "link";
-    size?: keyof (typeof defaultTextStyles)["size"];
-    inline?: boolean;
-} & Partial<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & ComponentProps<typeof NextLink>>;
-declare function Text({ inline, variant, className, href, target, size, ...props }: TextProps): import("react").JSX.Element;
-export default Text;

package/components/Text/Text.jsx

@@ -1,29 +0,0 @@
-import clsx from "../../utils/clsx";
-import NextLink from "next/link";
-import Link from "../Link";
-export const defaultTextStyles = {
-    variant: {
-        default: "text-zinc-700 dark:text-zinc-200",
-        label: "text-zinc-800 font-medium dark:text-zinc-100",
-        secondary: "text-sm text-zinc-500 dark:text-zinc-400",
-    },
-    size: {
-        xs: "text-xs",
-        sm: "text-sm",
-        base: "text-base",
-        lg: "text-lg",
-        xl: "text-xl",
-        "2xl": "text-2xl",
-    },
-};
-function Text({ inline, variant = "default", className, href, target, size = variant !== "label" ? "base" : "sm", ...props }) {
-    if (href || variant === "link") {
-        return (<Link href={href} target={target} {...props} className={className}/>);
-    }
-    className = clsx(defaultTextStyles.variant[variant], defaultTextStyles.size[size], className);
-    if (inline) {
-        return <span {...props} className={className}/>;
-    }
-    return <div {...props} className={className}/>;
-}
-export default Text;

package/components/Text/index.d.ts

@@ -1,3 +0,0 @@
-import Text from "./Text";
-export * from "./Text";
-export default Text;

package/components/Text/index.jsx

@@ -1,3 +0,0 @@
-import Text from "./Text";
-export * from "./Text";
-export default Text;

package/components/Textarea/Textarea.d.ts

@@ -1,5 +0,0 @@
-import { type InputProps } from "../Input";
-import type { TextareaAutosizeProps } from "react-textarea-autosize";
-export type TextareaProps = InputProps<false> & Partial<Pick<TextareaAutosizeProps, "maxRows" | "minRows" | "onHeightChange" | "cacheMeasurements">>;
-declare function Textarea(props: TextareaProps): import("react").JSX.Element;
-export default Textarea;

package/components/Textarea/Textarea.jsx

@@ -1,6 +0,0 @@
-import Input, {} from "../Input";
-import TextareaAutosize from "react-textarea-autosize";
-function Textarea(props) {
-    return <Input as={TextareaAutosize} {...props}/>;
-}
-export default Textarea;

package/components/Textarea/index.d.ts

@@ -1,3 +0,0 @@
-import Textarea from "./Textarea";
-export * from "./Textarea";
-export default Textarea;

package/components/Textarea/index.js

@@ -1,3 +0,0 @@
-import Textarea from "./Textarea";
-export * from "./Textarea";
-export default Textarea;

package/components/Threads/Threads.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface ThreadsProps {
-    color?: [number, number, number];
-    amplitude?: number;
-    distance?: number;
-    enableMouseInteraction?: boolean;
-}
-declare const Threads: React.FC<ThreadsProps>;
-export default Threads;

package/components/Threads/Threads.jsx

@@ -1,203 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import { Renderer, Program, Mesh, Triangle, Color } from "ogl";
-const vertexShader = `
-attribute vec2 position;
-attribute vec2 uv;
-varying vec2 vUv;
-void main() {
-  vUv = uv;
-  gl_Position = vec4(position, 0.0, 1.0);
-}
-`;
-const fragmentShader = `
-precision highp float;
-
-uniform float iTime;
-uniform vec3 iResolution;
-uniform vec3 uColor;
-uniform float uAmplitude;
-uniform float uDistance;
-uniform vec2 uMouse;
-
-#define PI 3.1415926538
-
-const int u_line_count = 40;
-const float u_line_width = 7.0;
-const float u_line_blur = 10.0;
-
-float Perlin2D(vec2 P) {
-    vec2 Pi = floor(P);
-    vec4 Pf_Pfmin1 = P.xyxy - vec4(Pi, Pi + 1.0);
-    vec4 Pt = vec4(Pi.xy, Pi.xy + 1.0);
-    Pt = Pt - floor(Pt * (1.0 / 71.0)) * 71.0;
-    Pt += vec2(26.0, 161.0).xyxy;
-    Pt *= Pt;
-    Pt = Pt.xzxz * Pt.yyww;
-    vec4 hash_x = fract(Pt * (1.0 / 951.135664));
-    vec4 hash_y = fract(Pt * (1.0 / 642.949883));
-    vec4 grad_x = hash_x - 0.49999;
-    vec4 grad_y = hash_y - 0.49999;
-    vec4 grad_results = inversesqrt(grad_x * grad_x + grad_y * grad_y)
-        * (grad_x * Pf_Pfmin1.xzxz + grad_y * Pf_Pfmin1.yyww);
-    grad_results *= 1.4142135623730950;
-    vec2 blend = Pf_Pfmin1.xy * Pf_Pfmin1.xy * Pf_Pfmin1.xy
-               * (Pf_Pfmin1.xy * (Pf_Pfmin1.xy * 6.0 - 15.0) + 10.0);
-    vec4 blend2 = vec4(blend, vec2(1.0 - blend));
-    return dot(grad_results, blend2.zxzx * blend2.wwyy);
-}
-
-float pixel(float count, vec2 resolution) {
-    return (1.0 / max(resolution.x, resolution.y)) * count;
-}
-
-float lineFn(vec2 st, float width, float perc, float offset, vec2 mouse, float time, float amplitude, float distance) {
-    float split_offset = (perc * 0.4);
-    float split_point = 0.1 + split_offset;
-
-    float amplitude_normal = smoothstep(split_point, 0.7, st.x);
-    float amplitude_strength = 0.5;
-    float finalAmplitude = amplitude_normal * amplitude_strength
-                           * amplitude * (1.0 + (mouse.y - 0.5) * 0.2);
-
-    float time_scaled = time / 10.0 + (mouse.x - 0.5) * 1.0;
-    float blur = smoothstep(split_point, split_point + 0.05, st.x) * perc;
-
-    float xnoise = mix(
-        Perlin2D(vec2(time_scaled, st.x + perc) * 2.5),
-        Perlin2D(vec2(time_scaled, st.x + time_scaled) * 3.5) / 1.5,
-        st.x * 0.3
-    );
-
-    float y = 0.5 + (perc - 0.5) * distance + xnoise / 2.0 * finalAmplitude;
-
-    float line_start = smoothstep(
-        y + (width / 2.0) + (u_line_blur * pixel(1.0, iResolution.xy) * blur),
-        y,
-        st.y
-    );
-
-    float line_end = smoothstep(
-        y,
-        y - (width / 2.0) - (u_line_blur * pixel(1.0, iResolution.xy) * blur),
-        st.y
-    );
-
-    return clamp(
-        (line_start - line_end) * (1.0 - smoothstep(0.0, 1.0, pow(perc, 0.3))),
-        0.0,
-        1.0
-    );
-}
-
-void mainImage(out vec4 fragColor, in vec2 fragCoord) {
-    vec2 uv = fragCoord / iResolution.xy;
-
-    float line_strength = 1.0;
-    for (int i = 0; i < u_line_count; i++) {
-        float p = float(i) / float(u_line_count);
-        line_strength *= (1.0 - lineFn(
-            uv,
-            u_line_width * pixel(1.0, iResolution.xy) * (1.0 - p),
-            p,
-            (PI * 1.0) * p,
-            uMouse,
-            iTime,
-            uAmplitude,
-            uDistance
-        ));
-    }
-
-    float colorVal = 1.0 - line_strength;
-    fragColor = vec4(uColor * colorVal, colorVal);
-}
-
-void main() {
-    mainImage(gl_FragColor, gl_FragCoord.xy);
-}
-`;
-const Threads = ({ color = [1, 1, 1], amplitude = 1, distance = 0, enableMouseInteraction = false, ...rest }) => {
-    const containerRef = useRef(null);
-    const animationFrameId = useRef(undefined);
-    useEffect(() => {
-        if (!containerRef.current)
-            return;
-        const container = containerRef.current;
-        const renderer = new Renderer({ alpha: true });
-        const gl = renderer.gl;
-        gl.clearColor(0, 0, 0, 0);
-        gl.enable(gl.BLEND);
-        gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
-        container.appendChild(gl.canvas);
-        const geometry = new Triangle(gl);
-        const program = new Program(gl, {
-            vertex: vertexShader,
-            fragment: fragmentShader,
-            uniforms: {
-                iTime: { value: 0 },
-                iResolution: {
-                    value: new Color(gl.canvas.width, gl.canvas.height, gl.canvas.width / gl.canvas.height),
-                },
-                uColor: { value: new Color(...color) },
-                uAmplitude: { value: amplitude },
-                uDistance: { value: distance },
-                uMouse: { value: new Float32Array([0.5, 0.5]) },
-            },
-        });
-        const mesh = new Mesh(gl, { geometry, program });
-        function resize() {
-            const { clientWidth, clientHeight } = container;
-            renderer.setSize(clientWidth, clientHeight);
-            program.uniforms.iResolution.value.r = clientWidth;
-            program.uniforms.iResolution.value.g = clientHeight;
-            program.uniforms.iResolution.value.b = clientWidth / clientHeight;
-        }
-        window.addEventListener("resize", resize);
-        resize();
-        const currentMouse = [0.5, 0.5];
-        let targetMouse = [0.5, 0.5];
-        function handleMouseMove(e) {
-            const rect = container.getBoundingClientRect();
-            const x = (e.clientX - rect.left) / rect.width;
-            const y = 1.0 - (e.clientY - rect.top) / rect.height;
-            targetMouse = [x, y];
-        }
-        function handleMouseLeave() {
-            targetMouse = [0.5, 0.5];
-        }
-        if (enableMouseInteraction) {
-            container.addEventListener("mousemove", handleMouseMove);
-            container.addEventListener("mouseleave", handleMouseLeave);
-        }
-        function update(t) {
-            if (enableMouseInteraction) {
-                const smoothing = 0.05;
-                currentMouse[0] += smoothing * (targetMouse[0] - currentMouse[0]);
-                currentMouse[1] += smoothing * (targetMouse[1] - currentMouse[1]);
-                program.uniforms.uMouse.value[0] = currentMouse[0];
-                program.uniforms.uMouse.value[1] = currentMouse[1];
-            }
-            else {
-                program.uniforms.uMouse.value[0] = 0.5;
-                program.uniforms.uMouse.value[1] = 0.5;
-            }
-            program.uniforms.iTime.value = t * 0.001;
-            renderer.render({ scene: mesh });
-            animationFrameId.current = requestAnimationFrame(update);
-        }
-        animationFrameId.current = requestAnimationFrame(update);
-        return () => {
-            if (animationFrameId.current)
-                cancelAnimationFrame(animationFrameId.current);
-            window.removeEventListener("resize", resize);
-            if (enableMouseInteraction) {
-                container.removeEventListener("mousemove", handleMouseMove);
-                container.removeEventListener("mouseleave", handleMouseLeave);
-            }
-            if (container.contains(gl.canvas))
-                container.removeChild(gl.canvas);
-            gl.getExtension("WEBGL_lose_context")?.loseContext();
-        };
-    }, [color, amplitude, distance, enableMouseInteraction]);
-    return (<div ref={containerRef} className="relative h-full w-full" {...rest}/>);
-};
-export default Threads;

package/components/Threads/index.d.ts

@@ -1,3 +0,0 @@
-import Threads from "./Threads";
-export * from "./Threads";
-export default Threads;

package/components/Threads/index.jsx

@@ -1,3 +0,0 @@
-import Threads from "./Threads";
-export * from "./Threads";
-export default Threads;

package/components/Tooltip/Tooltip.d.ts

@@ -1,11 +0,0 @@
-import type { ReactNode, Ref } from "react";
-declare function Tooltip({ children, content, side, delayDuration, className, arrowClassName, ref, }: {
-    children?: ReactNode;
-    content?: ReactNode;
-    side?: "top" | "bottom" | "left" | "right";
-    delayDuration?: number;
-    className?: string;
-    arrowClassName?: string;
-    ref?: Ref<HTMLButtonElement>;
-}): import("react").JSX.Element;
-export default Tooltip;

package/components/Tooltip/Tooltip.jsx

@@ -1,21 +0,0 @@
-import * as RTooltip from "@radix-ui/react-tooltip";
-import clsx from "../../utils/clsx";
-function Tooltip({ children, content, side, delayDuration, className, arrowClassName, ref, }) {
-    if (!content) {
-        return <>{children}</>;
-    }
-    return (<RTooltip.Provider>
-      <RTooltip.Root delayDuration={delayDuration}>
-        <RTooltip.Trigger asChild ref={ref}>
-          {children}
-        </RTooltip.Trigger>
-        <RTooltip.Portal>
-          <RTooltip.Content className={clsx("z-20 rounded-sm bg-zinc-950 px-2 py-1 text-center text-sm text-zinc-50 shadow-sm", "dark:bg-zinc-50 dark:text-zinc-950", "data-[state=closed]:animate-fade-out data-[state=delayed-open]:data-[side=bottom]:animate-elastic-slide-up-and-fade data-[state=delayed-open]:data-[side=left]:animate-elastic-slide-right-and-fade data-[state=delayed-open]:data-[side=right]:animate-elastic-slide-left-and-fade data-[state=delayed-open]:data-[side=top]:animate-elastic-slide-down-and-fade will-change-[transform,opacity]", className)} sideOffset={5} side={side}>
-            {content}
-            <RTooltip.Arrow className={clsx("fill-zinc-950 dark:fill-zinc-50", arrowClassName)}/>
-          </RTooltip.Content>
-        </RTooltip.Portal>
-      </RTooltip.Root>
-    </RTooltip.Provider>);
-}
-export default Tooltip;

package/components/Tooltip/index.d.ts

@@ -1,3 +0,0 @@
-import Tooltip from "./Tooltip";
-export * from "./Tooltip";
-export default Tooltip;