@zauru-sdk/components 1.0.51 → 1.0.52

package/dist/NavBar/NavBar.utils.js

@@ -1,58 +0,0 @@
-export const COLORS = {
-    sky: {
-        bg900: "bg-sky-900",
-        bg700: "bg-sky-700",
-        bg600: "bg-sky-600",
-        bg500: "bg-sky-500",
-        ring600: "ring-sky-600",
-        ring500: "ring-sky-500",
-    },
-    purple: {
-        bg900: "bg-purple-900",
-        bg700: "bg-purple-700",
-        bg600: "bg-purple-600",
-        bg500: "bg-purple-500",
-        ring600: "ring-purple-600",
-        ring500: "ring-purple-500",
-    },
-    pink: {
-        bg900: "bg-pink-900",
-        bg700: "bg-pink-700",
-        bg600: "bg-pink-600",
-        bg500: "bg-pink-500",
-        ring600: "ring-pink-600",
-        ring500: "ring-pink-500",
-    },
-    slate: {
-        bg900: "bg-slate-900",
-        bg700: "bg-slate-700",
-        bg600: "bg-slate-600",
-        bg500: "bg-slate-500",
-        ring600: "ring-slate-600",
-        ring500: "ring-slate-500",
-    },
-    green: {
-        bg900: "bg-green-900",
-        bg700: "bg-green-700",
-        bg600: "bg-green-600",
-        bg500: "bg-green-500",
-        ring600: "ring-green-600",
-        ring500: "ring-green-500",
-    },
-    yellow: {
-        bg900: "bg-yellow-900",
-        bg700: "bg-yellow-700",
-        bg600: "bg-yellow-600",
-        bg500: "bg-yellow-500",
-        ring600: "ring-yellow-600",
-        ring500: "ring-yellow-500",
-    },
-    red: {
-        bg900: "bg-red-900",
-        bg700: "bg-red-700",
-        bg600: "bg-red-600",
-        bg500: "bg-red-500",
-        ring600: "ring-red-600",
-        ring500: "ring-red-500",
-    },
-};

package/dist/NavBar/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./NavBar.js";
-export * from "./NavBar.types.js";
-export * from "./NavBar.utils.js";

package/dist/NavBar/index.js

@@ -1,3 +0,0 @@
-export * from "./NavBar.js";
-export * from "./NavBar.types.js";
-export * from "./NavBar.utils.js";

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    title?: string;
-    percent?: string;
-};
-export declare const ProgressBar: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ProgressBar/ProgressBar.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export const ProgressBar = (props) => {
-    const { title, percent } = props;
-    return (_jsx(_Fragment, { children: percent && (_jsxs(_Fragment, { children: [title && _jsx("div", { className: "mb-1 text-lg font-medium", children: title }), _jsx("div", { className: "w-full h-6 bg-gray-200 rounded-full", children: _jsx("div", { className: "h-6 bg-blue-600 rounded-full", style: { width: `${percent}%` } }) })] })) }));
-};

package/dist/ProgressBar/ProgressCircle.d.ts

@@ -1,6 +0,0 @@
-export declare const ProgressCircle: ({ total, completed, description, title, }: {
-    total: number;
-    completed: number;
-    description: string;
-    title?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/ProgressBar/ProgressCircle.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-export const ProgressCircle = ({ total, completed, description, title, }) => {
-    const [percentage, setPercentage] = useState(0);
-    const strokeDasharray = 2 * Math.PI * 42; // radio del circulo
-    const progressColor = `rgba(${255 - 2.55 * percentage}, ${2.55 * percentage}, 0)`;
-    useEffect(() => {
-        if (total > 0) {
-            setPercentage((completed / total) * 100);
-        }
-        else {
-            setPercentage(100);
-        }
-    }, [total, completed]);
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center", children: [title && (_jsx("h2", { className: "mb-4 text-xl text-center text-gray-700", children: title })), _jsxs("svg", { width: "100", height: "100", className: "relative", children: [_jsx("circle", { r: "42", cx: "50", cy: "50", fill: "transparent", stroke: "#eee", strokeWidth: "8" }), _jsx("circle", { r: "42", cx: "50", cy: "50", fill: "transparent", stroke: progressColor, strokeWidth: "8", strokeDasharray: strokeDasharray, strokeDashoffset: strokeDasharray - strokeDasharray * (percentage / 100), strokeLinecap: "round", style: {
-                            transform: "rotate(-90deg)",
-                            transformOrigin: "50% 50%",
-                        } }), _jsx("text", { x: "50", y: "55", textAnchor: "middle", fill: progressColor, style: {
-                            fontSize: "16px",
-                            fontWeight: "bold",
-                        }, children: `${Math.round(percentage)}%` })] }), _jsx("p", { className: "mt-2 text-center text-gray-500", children: description })] }));
-};

package/dist/ProgressBar/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./ProgressBar.js";
-export * from "./ProgressCircle.js";

package/dist/ProgressBar/index.js

@@ -1,2 +0,0 @@
-export * from "./ProgressBar.js";
-export * from "./ProgressCircle.js";

package/dist/Skeletons/LoadingInputSkeleton.d.ts

@@ -1 +0,0 @@
-export declare const LoadingInputSkeleton: () => import("react/jsx-runtime").JSX.Element;

package/dist/Skeletons/LoadingInputSkeleton.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const LoadingInputSkeleton = () => {
-    return (_jsx("div", { className: "w-full h-full bg-gray-300 animate-pulse rounded", style: {
-            maxWidth: "100%",
-            height: "40px",
-            boxShadow: "0px 0px 0px 1px rgba(0, 0, 0, 0.1)",
-        } }));
-};

package/dist/Skeletons/index.d.ts

@@ -1 +0,0 @@
-export * from "./LoadingInputSkeleton.js";

package/dist/Skeletons/index.js

@@ -1 +0,0 @@
-export * from "./LoadingInputSkeleton.js";

package/dist/Tab/Tab.d.ts

@@ -1,9 +0,0 @@
-export type TabItem = {
-    title: string;
-    link: string;
-};
-type Props = {
-    items: Array<TabItem>;
-};
-export declare const Tabs: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Tab/Tab.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { redirect } from "@remix-run/node";
-import { Outlet } from "@remix-run/react";
-import React from "react";
-//<reference> https://www.creative-tim.com/learning-lab/tailwind-starter-kit/documentation/react/tabs/text
-export const Tabs = (props) => {
-    const { items } = props;
-    const [openTab, setOpenTab] = React.useState(1);
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "flex flex-wrap", children: _jsxs("div", { className: "w-full", children: [_jsx("ul", { className: "flex mb-0 list-none flex-wrap pt-3 pb-4 flex-row", role: "tablist", children: items?.map((item, index) => {
-                            return (_jsx("li", { className: "mb-px mr-2 last:mr-0 flex-auto text-center", children: _jsx("a", { className: "text-xs font-bold uppercase px-5 py-3 shadow-lg rounded block leading-normal " +
-                                        (openTab === index
-                                            ? "text-white bg-red-600"
-                                            : "text-red-600 bg-white"), onClick: (e) => {
-                                        e.preventDefault();
-                                        setOpenTab(index);
-                                        redirect(item.link);
-                                    }, "data-toggle": "tab", href: item.link, role: "tablist", children: item.title }, index) }, index));
-                        }) }), _jsx("div", { className: "relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded", children: _jsx("div", { className: "px-4 py-5 flex-auto", children: _jsx("div", { className: "tab-content tab-space", children: _jsx(Outlet, {}) }) }) })] }) }) }));
-};

package/dist/Tab/index.d.ts

@@ -1 +0,0 @@
-export * from "./Tab.js";

package/dist/Tab/index.js

@@ -1 +0,0 @@
-export * from "./Tab.js";

package/dist/Table/ZauruTable.d.ts

@@ -1,25 +0,0 @@
-import type { TableProps } from "react-data-table-component";
-import { ExpandableRowsComponent } from "react-data-table-component/dist/DataTable/types";
-type Props = TableProps<any> & {
-    columns: any;
-    conditionalRowStyles?: any;
-    data: any[];
-    loading?: boolean;
-    pagination?: {
-        totalRows: number;
-        rowsPerPageOptions: number[];
-    };
-    whitOutPagination?: boolean;
-    offlineSearch?: string[];
-    search?: {
-        placeholderSearch?: string;
-    };
-    expandable?: {
-        expandableRowExpanded?: (row: any) => boolean;
-        expandableRowsComponent?: ExpandableRowsComponent<any>;
-    };
-    theme?: "solarized" | "subTable";
-    className?: string;
-};
-export declare const ZauruTable: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Table/ZauruTable.js

@@ -1,148 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSearchParams } from "@remix-run/react";
-import { useEffect, useState } from "react";
-import DataTable, { createTheme } from "react-data-table-component";
-import { SearchSVG } from "@zauru-sdk/icons";
-const customStyles = {
-    headCells: {
-        style: {
-            color: "#202124",
-            fontSize: "14px",
-            justifyContent: "left", // Alinea el texto a la izquierda
-            whiteSpace: "normal", // Permite el ajuste de texto
-            wordBreak: "break-word", // Asegura que las palabras se rompan correctamente para evitar desbordamientos
-            maxWidth: "150px", // Establece un ancho máximo para las celdas del encabezado
-        },
-    },
-    rows: {
-        highlightOnHoverStyle: {
-            backgroundColor: "rgb(230, 244, 244)",
-            borderBottomColor: "#FFFFFF",
-            borderRadius: "25px",
-            outline: "1px solid #FFFFFF",
-        },
-    },
-    pagination: {
-        style: {
-            border: "none",
-        },
-    },
-};
-createTheme("solarized", {
-    text: {
-        primary: "#002b36",
-        secondary: "#002b36",
-    },
-    background: {
-        default: "#f9f9f9",
-    },
-    context: {
-        background: "#cb4b16",
-        text: "#555555",
-    },
-    divider: {
-        default: "#e2e4ff",
-    },
-    action: {
-        button: "rgba(0,0,0,.54)",
-        hover: "rgba(0,0,0,.08)",
-        disabled: "rgba(0,0,0,.12)",
-    },
-    headRow: {
-        background: "black",
-    },
-});
-createTheme("subTable", {
-    text: {
-        primary: "#002b36",
-        secondary: "#002b36",
-    },
-    background: {
-        default: "#e9e9e9",
-    },
-    context: {
-        background: "#cb4b16",
-        text: "#555555",
-    },
-    divider: {
-        default: "#e2e4ff",
-    },
-    action: {
-        button: "rgba(0,0,0,.54)",
-        hover: "rgba(0,0,0,.08)",
-        disabled: "rgba(0,0,0,.12)",
-    },
-    headRow: {
-        background: "black",
-    },
-});
-//Documentación de la tabla https://react-data-table-component.netlify.app/?path=/docs/getting-started-intro--docs
-export const ZauruTable = (props) => {
-    const { columns, conditionalRowStyles, data, loading = false, pagination, search, expandable, theme, className, offlineSearch = [], whitOutPagination = false, ...others } = props;
-    const [, setSearchParams] = useSearchParams({
-        page: "1",
-        perPage: "10",
-        search: "",
-    });
-    const [filteredData, setFilteredData] = useState(data);
-    const [showTable, setShowTable] = useState(false);
-    useEffect(() => {
-        setShowTable(true);
-    }, []);
-    useEffect(() => {
-        setFilteredData(data);
-    }, [data]);
-    const subHeaderComponentMemo = (_jsxs(_Fragment, { children: [_jsx("input", { name: "search", type: "text", placeholder: search?.placeholderSearch ?? "Filtrar", "aria-label": "Search Input", className: "bg-gray-50 border border-gray-300 text-gray-900 rounded-lg px-2", onChange: (event) => {
-                    const searchTerm = event.target.value;
-                    if (offlineSearch.length > 0) {
-                        filterData(searchTerm);
-                    }
-                }, onBlur: (event) => {
-                    const searchTerm = event.target.value;
-                    if (offlineSearch.length <= 0 && search) {
-                        setSearchParams((prevState) => ({
-                            ...Object.fromEntries(prevState),
-                            search: searchTerm,
-                        }));
-                    }
-                } }), _jsx("button", { type: "button", name: "search", className: "px-2 font-bold", children: _jsx(SearchSVG, {}) })] }));
-    const filterData = (searchTerm) => {
-        if (!searchTerm || !offlineSearch || offlineSearch.length === 0) {
-            setFilteredData(data);
-            return;
-        }
-        const filtered = data.filter((item) => offlineSearch.some((field) => item[field] &&
-            item[field]
-                .toString()
-                .toLowerCase()
-                .includes(searchTerm.toLowerCase())));
-        setFilteredData(filtered);
-    };
-    const handlePageChange = (page) => {
-        //hacer el fetch de más datos
-        setSearchParams((prevState) => ({
-            ...Object.fromEntries(prevState),
-            page: page.toString(),
-        }));
-    };
-    const handlePerRowsChange = async (newPerPage, page) => {
-        //hacer el fetch de más datos
-        setSearchParams((prevState) => ({
-            ...Object.fromEntries(prevState),
-            perPage: newPerPage.toString(),
-        }));
-    };
-    if (!showTable) {
-        return _jsx(_Fragment, { children: "Loading..." });
-    }
-    //Textos en español de la tabla
-    const paginationComponentOptions = {
-        rowsPerPageText: "Filas por página",
-        rangeSeparatorText: "de",
-        selectAllRowsItem: true,
-        selectAllRowsItemText: "Todos",
-    };
-    const loadSubHeader = !!(search || offlineSearch.length > 0);
-    const subHeaderComponent = loadSubHeader ? subHeaderComponentMemo : undefined;
-    return (_jsx(DataTable, { className: className, subHeaderWrap: true, theme: theme ?? "solarized", columns: columns, conditionalRowStyles: conditionalRowStyles, data: filteredData, customStyles: customStyles, progressPending: loading, highlightOnHover: true, pointerOnHover: true, dense: true, striped: true, pagination: !whitOutPagination, persistTableHead: true, responsive: true, noHeader: true, expandableRows: !!expandable, expandableRowExpanded: expandable ? expandable.expandableRowExpanded : undefined, expandableRowsComponent: expandable ? expandable.expandableRowsComponent : undefined, subHeader: loadSubHeader, subHeaderComponent: subHeaderComponent, paginationServer: !!pagination, paginationTotalRows: pagination ? pagination.totalRows : undefined, onChangeRowsPerPage: pagination ? handlePerRowsChange : undefined, onChangePage: pagination ? handlePageChange : undefined, paginationComponentOptions: paginationComponentOptions, paginationRowsPerPageOptions: pagination?.rowsPerPageOptions ? pagination.rowsPerPageOptions : [10], ...others }));
-};

package/dist/Table/index.d.ts

@@ -1 +0,0 @@
-export * from "./ZauruTable.js";

package/dist/Table/index.js

@@ -1 +0,0 @@
-export * from "./ZauruTable.js";

package/dist/TaskList/TaskList.d.ts

@@ -1,14 +0,0 @@
-export type TaskType = {
-    title: string;
-    description?: string;
-    status: "waiting" | "processing" | "done" | "error";
-};
-type TaskProps = {
-    task: TaskType;
-};
-export declare const Task: ({ task }: TaskProps) => import("react/jsx-runtime").JSX.Element;
-type TaskModalProps = {
-    tasks: TaskType[];
-};
-export declare const TaskList: ({ tasks }: TaskModalProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/TaskList/TaskList.js

@@ -1,35 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-export const Task = ({ task }) => {
-    const [isDescriptionOpen, setIsDescriptionOpen] = useState(false);
-    let statusIcon;
-    let taskStyle = {};
-    let bgColor;
-    switch (task.status) {
-        case "waiting":
-            statusIcon = "🕗"; // Icono de reloj (como un ejemplo, puedes reemplazarlo con un ícono o SVG real)
-            taskStyle = { opacity: 0.5 }; // estilo disabled
-            bgColor = "bg-gray-200"; // Color de fondo gris
-            break;
-        case "processing":
-            statusIcon = "⏳"; // Icono de reloj de arena
-            taskStyle = { fontWeight: "bold" }; // estilo negrita
-            bgColor = "bg-blue-200"; // Color de fondo azul
-            break;
-        case "done":
-            statusIcon = "✅"; // Icono de check
-            bgColor = "bg-green-200"; // Color de fondo verde
-            break;
-        case "error":
-            statusIcon = "❌"; // Icono de cruz
-            taskStyle = { color: "red" }; // estilo color rojo
-            bgColor = "bg-red-200"; // Color de fondo rojo
-            break;
-    }
-    return (_jsxs("div", { style: taskStyle, className: `${bgColor} rounded-lg p-3 mb-3 ${task.description ? "cursor-pointer" : ""}`, onClick: () => task.description && setIsDescriptionOpen(!isDescriptionOpen), children: [_jsxs("div", { className: "flex justify-between", children: [_jsxs("div", { children: [statusIcon, " ", task.title, " ", `${task.status === "processing" ? "..." : ""}`] }), task.description && _jsx("div", { children: "\u25BC" })] }), task.description && isDescriptionOpen && (_jsx("div", { className: "mt-2", children: task.description }))] }));
-};
-export const TaskList = ({ tasks }) => {
-    const completedTasks = tasks.filter((task) => task.status === "done" || task.status === "error").length;
-    const progressPercentage = (completedTasks / tasks.length) * 100;
-    return (_jsxs("div", { children: [tasks.map((task, index) => (_jsx(Task, { task: task }, index))), _jsx("div", { className: "h-2 bg-gray-200 rounded-lg mt-3", children: _jsx("div", { className: "bg-green-500 h-full rounded-lg", style: { width: `${progressPercentage}%`, transition: "width 0.5s" } }) })] }));
-};

package/dist/TaskList/index.d.ts

@@ -1 +0,0 @@
-export * from "./TaskList.js";

package/dist/TaskList/index.js

@@ -1 +0,0 @@
-export * from "./TaskList.js";

package/dist/Titles/LabelArray.d.ts

@@ -1,4 +0,0 @@
-import { SelectFieldOption } from "@zauru-sdk/types";
-export declare const LabelArray: ({ info }: {
-    info: SelectFieldOption[];
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/Titles/LabelArray.js

@@ -1,7 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-//Component to show all information in an array
-export const LabelArray = ({ info }) => {
-    return (_jsx("div", { className: "divide-y divide-gray-100", children: info?.map((x) => {
-            return (_jsxs("div", { className: "my-1 pt-2", children: [_jsxs("p", { className: "inline font-bold text-lg", children: [x?.label, ": "] }), _jsx("p", { className: "inline text-lg", children: x?.value })] }, x?.label));
-        }) }));
-};

package/dist/Titles/TableColumnTitle.d.ts

@@ -1,4 +0,0 @@
-export type tableColumnTitleProps = {
-    textContent: String;
-};
-export declare const TableColumnTitle: ({ textContent }: tableColumnTitleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Titles/TableColumnTitle.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-//column title for datatables
-export const TableColumnTitle = ({ textContent }) => {
-    return (_jsx("p", { className: "font-bold text-sm line-clamp-3 text-center", children: textContent }));
-};

package/dist/Titles/TitleH1.d.ts

@@ -1 +0,0 @@
-export declare const TitleH1: ({ texto }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/Titles/TitleH1.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-//H1 Title Component
-export const TitleH1 = ({ texto }) => {
-    return (_jsx("div", { className: "mb-1", children: _jsx("h1", { className: "text-4xl font-bold leading-normal mt-0 mb-2 text-zinc-800", children: texto }) }));
-};

package/dist/Titles/TitleH2.d.ts

@@ -1 +0,0 @@
-export declare const TitleH2: ({ texto }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/Titles/TitleH2.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-//H2 Title Component
-export const TitleH2 = ({ texto }) => {
-    return (_jsx("div", { className: "py-1 ", children: _jsx("h2", { className: "text-2xl font-bold leading-normal mt-0 mb-2 text-zinc-800", children: texto }) }));
-};

package/dist/Titles/TitleH3.d.ts

@@ -1 +0,0 @@
-export declare const TitleH3: ({ texto }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/Titles/TitleH3.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-//H3 Title Component
-export const TitleH3 = ({ texto }) => {
-    return (_jsx("div", { className: "py-1 ", children: _jsx("h3", { className: "text-xl leading-normal mt-0 mb-2 text-zinc-800", children: texto }) }));
-};

package/dist/Titles/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./LabelArray.js";
-export * from "./TableColumnTitle.js";
-export * from "./TitleH1.js";
-export * from "./TitleH2.js";
-export * from "./TitleH3.js";

package/dist/Titles/index.js

@@ -1,5 +0,0 @@
-export * from "./LabelArray.js";
-export * from "./TableColumnTitle.js";
-export * from "./TitleH1.js";
-export * from "./TitleH2.js";
-export * from "./TitleH3.js";

package/dist/Tooltip/Tooltip.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type Props = {
-    children: React.ReactNode;
-    text: string;
-};
-export declare const Tooltip: ({ children, text }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Tooltip/Tooltip.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-export const Tooltip = ({ children, text }) => {
-    const [show, setShow] = useState(false);
-    return (_jsxs("div", { className: "relative inline-block", children: [_jsx("div", { onMouseEnter: () => setShow(true), onMouseLeave: () => setShow(false), children: children }), show && (_jsxs("div", { className: "absolute z-10 bg-gray-700 text-white px-2 py-1 rounded-md bottom-full left-1/2 transform -translate-x-1/2", style: { whiteSpace: "nowrap", height: "2rem" }, children: [text, _jsx("div", { className: "absolute top-full left-1/2 transform -translate-x-1/2", style: {
-                            width: "0",
-                            height: "0",
-                            borderTop: "6px solid transparent",
-                            borderLeft: "6px solid transparent",
-                            borderRight: "6px solid transparent",
-                            borderBottom: "6px solid gray",
-                        } })] }))] }));
-};

package/dist/Tooltip/index.d.ts

@@ -1 +0,0 @@
-export * from "./Tooltip.js";

package/dist/Tooltip/index.js

@@ -1 +0,0 @@
-export * from "./Tooltip.js";

package/dist/WithTooltip/WithTooltip.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type Props = {
-    children: React.ReactNode;
-    text: string;
-};
-export declare const WithTooltip: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/WithTooltip/WithTooltip.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const WithTooltip = (props) => {
-    const { children, text } = props;
-    return (_jsx(_Fragment, { children: _jsxs("span", { className: "group relative", children: [children, _jsx("span", { className: "pointer-events-none absolute -top-10 left-1/2 -translate-x-1/2 whitespace-nowrap rounded bg-black px-2 py-1 text-white opacity-0 transition z-50 before:absolute before:left-1/2 before:top-full before:-translate-x-1/2 before:border-4 before:border-transparent before:border-t-black before:content-[''] group-hover:opacity-100 before:z-50", children: text })] }) }));
-};

package/dist/WithTooltip/index.d.ts

@@ -1 +0,0 @@
-export * from "./WithTooltip.js";

package/dist/WithTooltip/index.js

@@ -1 +0,0 @@
-export * from "./WithTooltip.js";

package/dist/Wizards/StepWizard.d.ts

@@ -1,14 +0,0 @@
-import type { ReactNode } from "react";
-import React from "react";
-export type StepWizard = {
-    index: number;
-    stepName: string;
-    component: ReactNode;
-};
-interface StepWizardProps {
-    steps: StepWizard[];
-    showStepName?: boolean;
-    loading?: boolean;
-}
-export declare const StepWizardComponent: React.FC<StepWizardProps>;
-export {};

package/dist/Wizards/StepWizard.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { LoadingInputSkeleton } from "../Skeletons/index.js";
-export const StepWizardComponent = ({ steps, showStepName = false, loading = false, }) => {
-    const [currentStep, setCurrentStep] = useState(0);
-    if (loading) {
-        return (_jsxs("div", { className: "lg:grid lg:grid-cols-10 gap-4", children: [_jsxs("div", { className: "lg:col-span-2", children: [_jsx("select", { className: "lg:hidden mb-5 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md", children: _jsx("option", {}) }), _jsx("div", { className: "hidden lg:block", children: _jsx(LoadingInputSkeleton, {}) })] }), _jsx("div", { className: "lg:col-span-8", children: _jsx(LoadingInputSkeleton, {}) })] }));
-    }
-    return (_jsxs("div", { className: "lg:grid lg:grid-cols-10 gap-4", children: [_jsxs("div", { className: "lg:col-span-2", children: [_jsx("select", { className: "lg:hidden mb-5 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md", onChange: (e) => setCurrentStep(parseInt(e.target.value)), value: currentStep, children: steps.map((step, index) => (_jsx("option", { value: index, children: showStepName ? step.stepName : `Step ${index + 1}` }, index))) }), _jsx("div", { className: "scroll-hidden hidden lg:block", children: steps.map((step, index) => (_jsx("div", { onClick: () => setCurrentStep(index), className: `py-2 px-4 mt-5 cursor-pointer rounded ${currentStep === index
-                                ? "bg-blue-500 text-white"
-                                : "text-blue-500 hover:bg-gray-100 border border-gray-300"} ${showStepName
-                                ? "text-wrap break-words"
-                                : "rounded-full w-8 h-8 flex items-center justify-center"}`, children: showStepName ? step.stepName : index + 1 }, index))) })] }), _jsx("div", { className: "lg:col-span-8", children: steps.map((step, index) => (_jsx("div", { className: currentStep === index ? "block" : "hidden", children: step.component }, index))) })] }));
-};

package/dist/Wizards/index.d.ts

@@ -1 +0,0 @@
-export * from "./StepWizard.js";

package/dist/Wizards/index.js

@@ -1 +0,0 @@
-export * from "./StepWizard.js";

package/dist/Zendesk/Chat.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare const logoutFromZendesk: () => void;
-export declare const ZendeskAPI: (...args: any[]) => void;
-interface ZendeskProps {
-    defer?: boolean;
-    onLoaded?: () => void;
-    token: string;
-    configuration: {
-        zendeskChatKey: string;
-    };
-    [key: string]: any;
-}
-export declare const Zendesk: React.FC<ZendeskProps>;
-export {};