@gustavo-valsechi/client 1.3.24 → 1.3.25

package/dist/contexts/theme/styles.d.ts

@@ -0,0 +1 @@
+export declare const Switcher: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/contexts/theme/styles.mjs

@@ -0,0 +1,84 @@
+"use client";
+
+// contexts/theme/styles.tsx
+import styled from "styled-components";
+var Switcher = styled.div`
+    width: 3rem;
+    height: 1.5rem;
+    border-radius: 1rem;
+    border: 2px solid ${({ theme }) => theme.t05};
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    position: relative;
+
+    i {
+        color: ${({ theme }) => theme.t6};
+        position: absolute;
+        transform: translateY(-50%);
+        font-size: .9rem;
+        z-index: 0;
+        transition: ease .8s;
+
+        &:first-child {
+            left: .2rem;
+            top: 50%;
+            opacity: ${(props) => props["data-theme"] === "light" ? 0 : 1};
+        }
+
+        &:last-child {
+            right: .2rem;
+            top: 50%;
+            opacity: ${(props) => props["data-theme"] === "light" ? 1 : 0};
+        }
+    }
+    
+    .switcher {
+        width: 1rem;
+        height: 1rem;
+        border-radius: 1rem;
+        position: relative;
+        transition: ease .3s;
+        transform: ${(props) => props["data-theme"] === "light" ? "transform: translateX(.2rem)" : "translateX(1.6rem)"};
+        z-index: 1;
+
+        div {
+            width: 100%;
+            height: 100%;
+            background: ${({ theme }) => theme.primary};
+            border-radius: 1rem;
+            position: relative;
+            z-index: 2;
+        }
+
+        &:after {
+            content: "";
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            border-radius: 1rem;
+            transform: scale(1.8);
+            background: ${({ theme }) => theme.t05};
+            top: 0;
+            left: 0;
+            z-index: 1;
+        }
+
+        &:before {
+            content: "";
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            border-radius: 1rem;
+            transform: scale(3);
+            background: ${({ theme }) => theme.t05};
+            top: 0;
+            left: 0;
+            z-index: 0;
+        }
+    }
+`;
+export {
+  Switcher
+};

package/dist/contexts/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const TooltipProviderContainer: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const useTooltip: () => any;
+export { TooltipProviderContainer as TooltipProvider, useTooltip };

package/dist/contexts/tooltip/index.mjs

@@ -0,0 +1,117 @@
+"use client";
+"use client";
+
+// contexts/tooltip/index.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+
+// contexts/tooltip/styles.tsx
+import styled from "styled-components";
+var Tooltip = styled.div`
+    position: fixed;
+    background: ${({ theme }) => theme.tooltip};
+    color: ${({ theme }) => theme.t6};
+    font-size: .8rem;
+    font-weight: 500;
+    text-align: center;
+    padding: .3rem .8rem;
+    border-radius: 5px;
+    transform: translateX(-50%);
+    z-index: 10;
+    border: 1px solid ${({ theme }) => theme.t05};
+
+    &::before {
+        content: "";
+        position: absolute;
+        bottom: -9px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${({ theme }) => theme.t05};
+    }
+
+    &::after {
+        content: "";
+        position: absolute;
+        bottom: -8px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${({ theme }) => theme.tooltip};
+    }
+`;
+
+// contexts/tooltip/index.tsx
+import _ from "lodash";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TooltipContext = createContext({});
+var TooltipProviderContainer = ({ children }) => {
+  const [tooltips, setTooltips] = useState([]);
+  const getContent = (target) => {
+    var _a;
+    const rect = target.getBoundingClientRect();
+    return {
+      top: rect.top + window.scrollY - (target.offsetHeight + 8),
+      left: rect.left + window.scrollX + target.offsetWidth / 2,
+      content: ((_a = target.dataset) == null ? void 0 : _a.tooltip) || ""
+    };
+  };
+  useEffect(() => {
+    const processElement = (element) => {
+      element.addEventListener("mouseenter", (event) => {
+        const target = event == null ? void 0 : event.target;
+        if (!target) return;
+        setTooltips(_.concat(tooltips, [getContent(target)]));
+      });
+      element.addEventListener("mouseleave", (event) => {
+        const target = event == null ? void 0 : event.target;
+        if (!target) return;
+        setTooltips(_.filter(tooltips, (data) => JSON.stringify(data) === JSON.stringify(getContent(target))));
+      });
+    };
+    document.querySelectorAll("[data-tooltip]").forEach((el) => processElement(el));
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            const el = node;
+            if (el.getAttribute("data-tooltip")) processElement(el);
+            el.querySelectorAll("[data-tooltip]").forEach((child) => processElement(child));
+          }
+        });
+      });
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsxs(TooltipContext.Provider, { value: {}, children: [
+    _.map(
+      tooltips,
+      (data, index) => /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          style: {
+            top: data.top,
+            left: data.left
+          },
+          children: data.content
+        },
+        index
+      )
+    ),
+    children
+  ] });
+};
+var useTooltip = () => useContext(TooltipContext);
+export {
+  TooltipProviderContainer as TooltipProvider,
+  useTooltip
+};

package/dist/contexts/tooltip/styles.d.ts

@@ -0,0 +1 @@
+export declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/contexts/tooltip/styles.mjs

@@ -0,0 +1,46 @@
+"use client";
+
+// contexts/tooltip/styles.tsx
+import styled from "styled-components";
+var Tooltip = styled.div`
+    position: fixed;
+    background: ${({ theme }) => theme.tooltip};
+    color: ${({ theme }) => theme.t6};
+    font-size: .8rem;
+    font-weight: 500;
+    text-align: center;
+    padding: .3rem .8rem;
+    border-radius: 5px;
+    transform: translateX(-50%);
+    z-index: 10;
+    border: 1px solid ${({ theme }) => theme.t05};
+
+    &::before {
+        content: "";
+        position: absolute;
+        bottom: -9px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${({ theme }) => theme.t05};
+    }
+
+    &::after {
+        content: "";
+        position: absolute;
+        bottom: -8px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 8px solid transparent;
+        border-right: 8px solid transparent;
+        border-top: 8px solid ${({ theme }) => theme.tooltip};
+    }
+`;
+export {
+  Tooltip
+};

package/dist/index.d.ts

@@ -1,17 +1,4 @@
-import { I as IThemeContent } from './index-DT7VKE7H.js';
-export { a as IBaseProvider, d as ICommonTheme, b as IIconProvider, h as IModalConfig, i as IModalContext, g as IModalProvider, e as ITheme, f as IThemeContext, c as IThemeProvider } from './index-DT7VKE7H.js';
-export { Component } from './components/index.js';
-export { IconProvider, ModalProvider, ThemeProvider, TooltipProvider, useIcon, useModal, useTheme, useTooltip } from './contexts/index.js';
-export { A as Avatar, B as Badge, k as Block, f as Button, C as Chart, j as CreditCard, F as Form, N as IAvatar, x as IBadge, R as IBlock, M as IChart, p as IComponent, n as IComponentConfig, m as IComponentConfigMap, o as IComponentContent, l as IComponentMap, Q as ICreditCard, z as IForm, J as IInputDateTime, D as IInputFile, E as IInputLabel, H as IInputSelect, G as IInputText, K as IInputTextarea, w as ILoadingApp, v as ILoadingBar, y as ILogo, O as ILottie, u as IPaginate, t as ITable, q as ITableAction, r as ITableColumn, s as ITableRow, g as InputDateTime, I as InputFile, c as InputLabel, e as InputSelect, d as InputText, h as InputTextarea, a as LoadingApp, L as LoadingBar, b as Logo, i as Lottie, P as Paginate, T as Table } from './index-BhaGW0O1.js';
-export { a as IButton, I as IModal, M as Modal } from './index-Da-DtPS-.js';
-export { ITooltipProvider } from './interfaces/index.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-hook-form';
-
-declare module "styled-components" {
-    interface DefaultTheme extends IThemeContent {
-    }
-}
-
-export { IThemeContent };
+import "./styled";
+export * from "./components";
+export * from "./contexts";
+export * from "./interfaces";

package/dist/interfaces/components/avatar/index.d.ts

@@ -0,0 +1,6 @@
+export interface IAvatar {
+    name?: string;
+    size?: string;
+    color?: string;
+    onClick?: Function;
+}

package/dist/interfaces/components/avatar/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/badge/index.d.ts

@@ -0,0 +1,3 @@
+export interface IBadge {
+    value: string;
+}

package/dist/interfaces/components/badge/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/block/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { IComponentContent } from "@interfaces";
+interface IBase {
+    icon?: string;
+    label?: string;
+}
+export type IBlock = (IBase & {
+    component: IComponentContent;
+    content?: never;
+    children?: never;
+}) | (IBase & {
+    children: React.ReactNode;
+    component?: never;
+    content?: never;
+});
+export {};

package/dist/interfaces/components/block/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/chart/index.d.ts

@@ -0,0 +1,9 @@
+export interface IChart {
+    content: Array<any>;
+    yAxis: Array<any>;
+    xAxis: Array<any>;
+    min?: number;
+    max?: number;
+    colors?: Array<string>;
+    height?: number;
+}

package/dist/interfaces/components/chart/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/credit-card/index.d.ts

@@ -0,0 +1,16 @@
+export interface ICreditCard {
+    cvc?: string;
+    name: string;
+    number: string;
+    expiry: string;
+    onEdit?: () => any;
+    onConfig?: () => any;
+    onRemove?: () => any;
+    focused?: "name" | "number" | "expiry" | "cvc" | "" | undefined;
+    functions?: Array<{
+        icon: string;
+        label: string;
+        function?: () => any;
+        hide?: boolean;
+    }>;
+}

package/dist/interfaces/components/credit-card/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/form/button/index.d.ts

@@ -0,0 +1,7 @@
+export interface IButton {
+    loading?: boolean;
+    disabled?: boolean;
+    type?: string;
+    onClick?: () => void;
+    label: string;
+}

package/dist/interfaces/components/form/button/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/form/datetime/index.d.ts

@@ -0,0 +1,15 @@
+import { UseFormRegister } from "react-hook-form";
+export interface IInputDateTime {
+    className?: string;
+    label?: string;
+    name: string;
+    value: string;
+    mask?: (value: string) => void;
+    onFocus: (value: any) => void;
+    onChange: (event: any) => void;
+    maxLength?: number;
+    error: string;
+    disabled?: boolean;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+}

package/dist/interfaces/components/form/datetime/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/form/file/index.d.ts

@@ -0,0 +1,14 @@
+import { UseFormRegister } from "react-hook-form";
+export interface IInputFile {
+    className?: string;
+    label?: string;
+    name: string;
+    value: string;
+    onPreview?: (url: any) => void;
+    onChange: (event: any) => void;
+    disabled?: boolean;
+    error: string;
+    onFocus: (value: string) => void;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+}

package/dist/interfaces/components/form/file/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/form/index.d.ts

@@ -0,0 +1,16 @@
+export * from "./file";
+export * from "./label";
+export * from "./input";
+export * from "./select";
+export * from "./button";
+export * from "./datetime";
+export * from "./textarea";
+export interface IForm {
+    defaultValues?: any;
+    validation?: any;
+    formRef?: any;
+    onSubmit: (values: any, actions?: any) => void;
+    clearWhen?: boolean;
+    inputs: Array<any>;
+    buttons?: Array<any>;
+}

package/dist/interfaces/components/form/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/form/input/index.d.ts

@@ -0,0 +1,17 @@
+import { UseFormRegister } from "react-hook-form";
+export interface IInputText {
+    className?: string;
+    label?: string;
+    id?: string;
+    name?: string;
+    type?: string;
+    value?: string;
+    mask?: (value: string) => void;
+    onChange?: (event: any) => void;
+    maxLength?: number;
+    error?: string;
+    disabled?: boolean;
+    onFocus?: (value: any) => void;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+}

package/dist/interfaces/components/form/input/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/form/label/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface IInputLabel {
+    className?: string;
+    children: React.ReactNode;
+}

package/dist/interfaces/components/form/label/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/form/select/index.d.ts

@@ -0,0 +1,14 @@
+import { UseFormRegister } from "react-hook-form";
+export interface IInputSelect {
+    className?: string;
+    label?: string;
+    name: string;
+    value?: string;
+    onChange?: (event: any) => void;
+    options: Array<any>;
+    error: string;
+    disabled?: boolean;
+    onFocus: (value: any) => void;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+}

package/dist/interfaces/components/form/select/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/form/textarea/index.d.ts

@@ -0,0 +1,16 @@
+import { UseFormRegister } from "react-hook-form";
+export interface IInputTextarea {
+    className?: string;
+    label?: string;
+    name: string;
+    value: string;
+    mask?: (value: string) => void;
+    onChange: (event: any) => void;
+    maxLength?: number;
+    rows?: number;
+    error: string;
+    disabled?: boolean;
+    onFocus: (value: string) => void;
+    required?: boolean;
+    register?: UseFormRegister<any>;
+}

package/dist/interfaces/components/form/textarea/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/index.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import * as Types from "@components/types";
+export * from "./table";
+export * from "./loading";
+export * from "./modal";
+export * from "./badge";
+export * from "./logo";
+export * from "./form";
+export * from "./chart";
+export * from "./avatar";
+export * from "./lottie";
+export * from "./credit-card";
+export * from "./block";
+export type IComponentMap = typeof Types;
+export type IComponentConfigMap = {
+    [K in keyof IComponentMap]: {
+        type: K;
+        props?: React.ComponentProps<IComponentMap[K]>;
+    };
+};
+export type IComponentConfig = IComponentConfigMap[keyof IComponentMap];
+export type IComponentContent = Array<IComponentConfig | Array<IComponentConfig>>;
+export interface IComponent {
+    className?: string;
+    content: IComponentContent;
+}

package/dist/interfaces/components/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/loading/app/index.d.ts

@@ -0,0 +1,3 @@
+export interface ILoadingApp {
+    initialization?: boolean;
+}

package/dist/interfaces/components/loading/app/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/loading/bar/index.d.ts

@@ -0,0 +1,7 @@
+export interface ILoadingBar {
+    borderRadius?: string;
+    height?: string;
+    width?: string;
+    margin?: string;
+    dark?: boolean;
+}

package/dist/interfaces/components/loading/bar/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/loading/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./bar";
+export * from "./app";

package/dist/interfaces/components/loading/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/logo/index.d.ts

@@ -0,0 +1,6 @@
+export interface ILogo {
+    opacity?: string | number;
+    size?: string | number;
+    onlyPrefix?: boolean;
+    className?: string;
+}

package/dist/interfaces/components/logo/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/lottie/index.d.ts

@@ -0,0 +1,12 @@
+import animations from "@components/types/lottie/animations";
+interface IBase {
+    size?: number;
+}
+export type ILottie = (IBase & {
+    src: string;
+    animation?: never;
+}) | (IBase & {
+    animation: keyof typeof animations;
+    src?: never;
+});
+export {};

package/dist/interfaces/components/lottie/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/modal/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { IButton } from "@interfaces";
+export interface IModal {
+    toggle: boolean;
+    onClose?: () => void;
+    title?: string;
+    header?: {
+        title: string;
+        icon: string;
+    };
+    buttons?: Array<IButton>;
+    children?: React.ReactNode;
+    position?: "center" | "right" | "left";
+    noCloseIcon?: boolean;
+    content?: any;
+}

package/dist/interfaces/components/modal/index.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/interfaces/components/table/index.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+export * from "./paginate";
+export interface ITableAction {
+    disabled?: boolean;
+    position?: string;
+    function: (data?: any) => any;
+    icon?: string;
+    label?: string;
+    tooltip?: string;
+}
+export interface ITableColumn {
+    name?: string;
+    style?: object;
+    action?: ITableAction;
+}
+export interface ITableRow {
+    actions?: Array<ITableAction>;
+    image?: any;
+    icon?: any;
+    style?: any;
+    mask?: any;
+    custom?: (data: any) => React.ReactNode;
+    name?: string;
+}
+export interface ITable {
+    content: Array<any>;
+    loading?: boolean | {
+        is?: boolean;
+        items?: Array<any>;
+    };
+    options: Array<{
+        column: ITableColumn | string;
+        row: ITableRow | string;
+    }>;
+    notFound?: {
+        title: string;
+        message: string;
+    };
+    paginate?: {
+        total: number;
+        page: {
+            value: number;
+            set: (value: number) => any;
+        };
+    };
+}

package/dist/interfaces/components/table/index.mjs

@@ -0,0 +1 @@
+"use client";