@gustavo-valsechi/client 1.3.28 → 1.3.29

package/dist/contexts/theme/styles.js

@@ -0,0 +1,117 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// contexts/theme/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  Switcher: () => Switcher
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var Switcher = import_styled_components.default.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;
+        }
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Switcher
+});

package/dist/contexts/theme/styles.mjs

@@ -0,0 +1,82 @@
+// 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.js

@@ -0,0 +1,151 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// contexts/tooltip/index.tsx
+var tooltip_exports = {};
+__export(tooltip_exports, {
+  TooltipProvider: () => TooltipProviderContainer,
+  useTooltip: () => useTooltip
+});
+module.exports = __toCommonJS(tooltip_exports);
+var import_react = require("react");
+
+// contexts/tooltip/styles.tsx
+var import_styled_components = __toESM(require("styled-components"));
+var Tooltip = import_styled_components.default.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
+var import_lodash = __toESM(require("lodash"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var TooltipContext = (0, import_react.createContext)({});
+var TooltipProviderContainer = ({ children }) => {
+  const [tooltips, setTooltips] = (0, import_react.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) || ""
+    };
+  };
+  (0, import_react.useEffect)(() => {
+    const processElement = (element) => {
+      element.addEventListener("mouseenter", (event) => {
+        const target = event == null ? void 0 : event.target;
+        if (!target) return;
+        setTooltips(import_lodash.default.concat(tooltips, [getContent(target)]));
+      });
+      element.addEventListener("mouseleave", (event) => {
+        const target = event == null ? void 0 : event.target;
+        if (!target) return;
+        setTooltips(import_lodash.default.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__ */ (0, import_jsx_runtime.jsxs)(TooltipContext.Provider, { value: {}, children: [
+    import_lodash.default.map(
+      tooltips,
+      (data, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Tooltip,
+        {
+          style: {
+            top: data.top,
+            left: data.left
+          },
+          children: data.content
+        },
+        index
+      )
+    ),
+    children
+  ] });
+};
+var useTooltip = () => (0, import_react.useContext)(TooltipContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TooltipProvider,
+  useTooltip
+});

package/dist/contexts/tooltip/index.mjs

@@ -0,0 +1,116 @@
+"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.js

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// contexts/tooltip/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  Tooltip: () => Tooltip
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var Tooltip = import_styled_components.default.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};
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip
+});

package/dist/contexts/tooltip/styles.mjs

@@ -0,0 +1,44 @@
+// 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/index.js

@@ -1,4 +1,3 @@
-"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;

package/dist/index.mjs

@@ -1,4 +1,3 @@
-"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// interfaces/components/avatar/index.tsx
+var avatar_exports = {};
+module.exports = __toCommonJS(avatar_exports);

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

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