@sigep/react 1.1.0 → 1.1.1

package/dist/index.js

@@ -20,7 +20,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  Avatar: () => Avatar,
   Button: () => Button,
+  Card: () => Card,
   InputCNPJ: () => InputCNPJ,
   InputCPF: () => InputCPF,
   InputCep: () => InputCep,
@@ -33,23 +35,72 @@ __export(index_exports, {
   InputRadio: () => InputRadio,
   InputString: () => InputString,
   InputWrapper: () => InputWrapper,
+  Modal: () => Modal,
   Textarea: () => Textarea,
+  Tooltip: () => Tooltip,
+  avatar: () => avatar,
   button: () => button,
+  card: () => card,
   maskCEP: () => maskCEP,
   maskCNPJ: () => maskCNPJ,
   maskCPF: () => maskCPF,
   maskCurrency: () => maskCurrency,
   maskPhone: () => maskPhone,
+  modal: () => modal,
+  tooltip: () => tooltip,
   unmask: () => unmask,
   unmaskCurrency: () => unmaskCurrency
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/Button/index.tsx
+// src/components/Avatar/index.tsx
 var import_react = require("react");
 var import_tailwind_variants = require("tailwind-variants");
 var import_jsx_runtime = require("react/jsx-runtime");
-var button = (0, import_tailwind_variants.tv)({
+var avatar = (0, import_tailwind_variants.tv)({
+  base: "inline-flex items-center justify-center rounded-full font-medium select-none overflow-hidden",
+  variants: {
+    size: {
+      sm: "h-8 w-8 text-xs",
+      md: "h-10 w-10 text-sm",
+      lg: "h-12 w-12 text-base",
+      xl: "h-16 w-16 text-lg"
+    },
+    variant: {
+      primary: "bg-blue-600 text-white",
+      secondary: "bg-gray-200 text-gray-700",
+      outline: "bg-white text-blue-600 ring-2 ring-blue-600 ring-offset-2"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "primary"
+  }
+});
+function getInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) return parts[0].charAt(0).toUpperCase();
+  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+}
+var Avatar = (0, import_react.forwardRef)(
+  ({ name, src, alt, size, variant, className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: avatar({ size, variant, className }), ...props, children: src ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src,
+        alt: alt || name || "avatar",
+        className: "h-full w-full object-cover"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: name ? getInitials(name) : "?" }) });
+  }
+);
+Avatar.displayName = "Avatar";
+
+// src/components/Button/index.tsx
+var import_react2 = require("react");
+var import_tailwind_variants2 = require("tailwind-variants");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var button = (0, import_tailwind_variants2.tv)({
   base: "inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
   variants: {
     variant: {
@@ -69,9 +120,9 @@ var button = (0, import_tailwind_variants.tv)({
     size: "md"
   }
 });
-var Button = (0, import_react.forwardRef)(
+var Button = (0, import_react2.forwardRef)(
   ({ variant, size, className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "button",
       {
         ref,
@@ -83,20 +134,319 @@ var Button = (0, import_react.forwardRef)(
 );
 Button.displayName = "Button";
 
-// src/components/Input/InputString.tsx
+// src/components/Card/index.tsx
 var import_react3 = require("react");
+var import_tailwind_variants3 = require("tailwind-variants");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var card = (0, import_tailwind_variants3.tv)({
+  base: "rounded-lg bg-white text-gray-900 overflow-hidden",
+  variants: {
+    variant: {
+      elevated: "shadow-md",
+      outlined: "border border-gray-200",
+      filled: "bg-gray-50"
+    },
+    padding: {
+      none: "",
+      sm: "p-3",
+      md: "p-5",
+      lg: "p-8"
+    }
+  },
+  defaultVariants: {
+    variant: "elevated",
+    padding: "md"
+  }
+});
+var Card = (0, import_react3.forwardRef)(
+  ({ variant, padding, header, footer, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref, className: card({ variant, padding: header || footer ? "none" : padding, className }), ...props, children: [
+      header && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "border-b border-gray-200 px-5 py-3 font-semibold text-sm", children: header }),
+      header || footer ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: card({ padding, className: "rounded-none shadow-none border-none bg-transparent" }), children }) : children,
+      footer && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "border-t border-gray-200 px-5 py-3 text-sm", children: footer })
+    ] });
+  }
+);
+Card.displayName = "Card";
+
+// src/components/Modal/index.tsx
+var import_react4 = require("react");
+var import_tailwind_variants4 = require("tailwind-variants");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var overlay = (0, import_tailwind_variants4.tv)({
+  base: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 transition-opacity"
+});
+var modal = (0, import_tailwind_variants4.tv)({
+  base: "relative flex flex-col rounded-lg bg-white text-gray-900 shadow-xl overflow-hidden",
+  variants: {
+    size: {
+      sm: "w-[30vw] max-h-[40vh]",
+      md: "w-[50vw] max-h-[60vh]",
+      lg: "w-[70vw] max-h-[80vh]",
+      full: "w-[95vw] max-h-[90vh]"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Modal = (0, import_react4.forwardRef)(
+  ({ isOpen, onClose, title, footer, size, className, children, ...props }, ref) => {
+    const handleKeyDown = (0, import_react4.useCallback)(
+      (e) => {
+        if (e.key === "Escape") onClose();
+      },
+      [onClose]
+    );
+    (0, import_react4.useEffect)(() => {
+      if (!isOpen) return;
+      document.addEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.body.style.overflow = "";
+      };
+    }, [isOpen, handleKeyDown]);
+    if (!isOpen) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: overlay(), onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "div",
+      {
+        ref,
+        className: modal({ size, className }),
+        onClick: (e) => e.stopPropagation(),
+        role: "dialog",
+        "aria-modal": "true",
+        ...props,
+        children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between border-b border-gray-200 bg-gray-50 px-5 py-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-sm font-semibold text-gray-900", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "inline-flex h-7 w-7 items-center justify-center rounded-md text-gray-500 hover:bg-gray-200 hover:text-gray-700 transition-colors",
+                onClick: onClose,
+                "aria-label": "Fechar",
+                children: "\u2715"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex-1 overflow-y-auto p-5", children }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex items-center justify-end gap-2 border-t border-gray-200 px-5 py-3", children: footer })
+        ]
+      }
+    ) });
+  }
+);
+Modal.displayName = "Modal";
+
+// src/components/Tooltip/index.tsx
+var import_react5 = require("react");
+var import_react_dom = require("react-dom");
+var import_tailwind_variants5 = require("tailwind-variants");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var tooltip = (0, import_tailwind_variants5.tv)({
+  base: "fixed z-[999999] pointer-events-none",
+  variants: {
+    variant: {
+      dark: "",
+      light: ""
+    }
+  },
+  defaultVariants: {
+    variant: "dark"
+  }
+});
+var tooltipContent = (0, import_tailwind_variants5.tv)({
+  base: "inline-flex items-center justify-center rounded px-2.5 py-1 text-xs font-medium whitespace-nowrap",
+  variants: {
+    variant: {
+      dark: "bg-gray-900 text-white",
+      light: "bg-white text-gray-900 shadow-md border border-gray-200"
+    }
+  },
+  defaultVariants: {
+    variant: "dark"
+  }
+});
+var tooltipArrow = (0, import_tailwind_variants5.tv)({
+  base: "absolute h-1.5 w-1.5 rotate-45",
+  variants: {
+    variant: {
+      dark: "bg-gray-900",
+      light: "bg-white border border-gray-200"
+    }
+  },
+  defaultVariants: {
+    variant: "dark"
+  }
+});
+var arrowPlacementStyles = {
+  top: "bottom-[-3px] left-1/2 -translate-x-1/2",
+  bottom: "top-[-3px] left-1/2 -translate-x-1/2",
+  left: "right-[-3px] top-1/2 -translate-y-1/2",
+  right: "left-[-3px] top-1/2 -translate-y-1/2"
+};
+var Tooltip = (0, import_react5.forwardRef)(
+  ({
+    content,
+    placement = "top",
+    offset: offsetPx = 8,
+    variant,
+    disabled,
+    delayShow = 100,
+    delayHide = 100,
+    children,
+    className,
+    ...props
+  }, ref) => {
+    const wrapperRef = (0, import_react5.useRef)(null);
+    const tipRef = (0, import_react5.useRef)(null);
+    const [visible, setVisible] = (0, import_react5.useState)(false);
+    const [coords, setCoords] = (0, import_react5.useState)(null);
+    const [activePlacement, setActivePlacement] = (0, import_react5.useState)(placement);
+    const showTimer = (0, import_react5.useRef)(null);
+    const hideTimer = (0, import_react5.useRef)(null);
+    function clearTimers() {
+      if (showTimer.current !== null) window.clearTimeout(showTimer.current);
+      if (hideTimer.current !== null) window.clearTimeout(hideTimer.current);
+      showTimer.current = null;
+      hideTimer.current = null;
+    }
+    function scheduleShow() {
+      if (disabled) return;
+      clearTimers();
+      showTimer.current = window.setTimeout(() => setVisible(true), delayShow);
+    }
+    function scheduleHide() {
+      clearTimers();
+      hideTimer.current = window.setTimeout(() => setVisible(false), delayHide);
+    }
+    const computePosition = (0, import_react5.useCallback)(() => {
+      const anchor = wrapperRef.current;
+      const tip = tipRef.current;
+      if (!anchor || !tip) return;
+      const rect = anchor.getBoundingClientRect();
+      const tipW = tip.offsetWidth;
+      const tipH = tip.offsetHeight;
+      const vw = window.innerWidth;
+      const vh = window.innerHeight;
+      const calc = (p2) => {
+        switch (p2) {
+          case "top":
+            return { top: rect.top - tipH - offsetPx, left: rect.left + rect.width / 2 - tipW / 2 };
+          case "bottom":
+            return { top: rect.bottom + offsetPx, left: rect.left + rect.width / 2 - tipW / 2 };
+          case "left":
+            return { top: rect.top + rect.height / 2 - tipH / 2, left: rect.left - tipW - offsetPx };
+          case "right":
+            return { top: rect.top + rect.height / 2 - tipH / 2, left: rect.right + offsetPx };
+        }
+      };
+      let pos = calc(placement);
+      let p = placement;
+      const fits = (c) => c.top >= 0 && c.left >= 0 && c.top + tipH <= vh && c.left + tipW <= vw;
+      if (!fits(pos)) {
+        const fallbacks = {
+          top: ["bottom", "right", "left"],
+          bottom: ["top", "right", "left"],
+          left: ["right", "top", "bottom"],
+          right: ["left", "top", "bottom"]
+        };
+        for (const candidate of fallbacks[placement]) {
+          const c = calc(candidate);
+          if (fits(c)) {
+            pos = c;
+            p = candidate;
+            break;
+          }
+        }
+      }
+      pos.top = Math.max(4, Math.min(vh - tipH - 4, pos.top));
+      pos.left = Math.max(4, Math.min(vw - tipW - 4, pos.left));
+      setActivePlacement(p);
+      setCoords(pos);
+    }, [placement, offsetPx]);
+    (0, import_react5.useLayoutEffect)(() => {
+      if (!visible) return;
+      let raf1 = 0;
+      let raf2 = 0;
+      raf1 = requestAnimationFrame(() => {
+        raf2 = requestAnimationFrame(computePosition);
+      });
+      return () => {
+        cancelAnimationFrame(raf1);
+        cancelAnimationFrame(raf2);
+      };
+    }, [visible, computePosition]);
+    (0, import_react5.useEffect)(() => {
+      if (!visible) return;
+      const handler = () => computePosition();
+      window.addEventListener("scroll", handler, true);
+      window.addEventListener("resize", handler);
+      return () => {
+        window.removeEventListener("scroll", handler, true);
+        window.removeEventListener("resize", handler);
+      };
+    }, [visible, computePosition]);
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "span",
+        {
+          ref: (el) => {
+            wrapperRef.current = el;
+            if (typeof ref === "function") ref(el);
+            else if (ref) ref.current = el;
+          },
+          onMouseEnter: scheduleShow,
+          onMouseLeave: scheduleHide,
+          onFocus: scheduleShow,
+          onBlur: scheduleHide,
+          style: { display: "contents" },
+          className,
+          ...props,
+          children
+        }
+      ),
+      visible && (0, import_react_dom.createPortal)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          "div",
+          {
+            ref: tipRef,
+            role: "tooltip",
+            className: tooltip({ variant }),
+            style: {
+              top: coords?.top ?? -99999,
+              left: coords?.left ?? -99999,
+              visibility: coords ? "visible" : "hidden"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: tooltipContent({ variant }), children: content }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `${tooltipArrow({ variant })} ${arrowPlacementStyles[activePlacement]}` })
+            ]
+          }
+        ),
+        document.body
+      )
+    ] });
+  }
+);
+Tooltip.displayName = "Tooltip";
+
+// src/components/Input/InputString.tsx
+var import_react7 = require("react");
 
 // src/components/Input/InputWrapper.tsx
-var import_react2 = require("react");
-var import_tailwind_variants2 = require("tailwind-variants");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var wrapper = (0, import_tailwind_variants2.tv)({
+var import_react6 = require("react");
+var import_tailwind_variants6 = require("tailwind-variants");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var wrapper = (0, import_tailwind_variants6.tv)({
   base: "flex w-full flex-col gap-1"
 });
-var labelStyle = (0, import_tailwind_variants2.tv)({
+var labelStyle = (0, import_tailwind_variants6.tv)({
   base: "text-xs text-gray-700 flex items-start gap-0.5"
 });
-var containerStyle = (0, import_tailwind_variants2.tv)({
+var containerStyle = (0, import_tailwind_variants6.tv)({
   base: "flex items-center w-full rounded-md border bg-white transition-colors",
   variants: {
     size: {
@@ -117,26 +467,26 @@ var containerStyle = (0, import_tailwind_variants2.tv)({
     error: false
   }
 });
-var errorStyle = (0, import_tailwind_variants2.tv)({
+var errorStyle = (0, import_tailwind_variants6.tv)({
   base: "text-xs text-red-500 mt-0.5"
 });
-var InputWrapper = (0, import_react2.forwardRef)(
+var InputWrapper = (0, import_react6.forwardRef)(
   ({ label, error, errorMessage, required, disabled, size, children, className, classContainer, htmlFor }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, className: wrapper({ className }), children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { htmlFor, className: labelStyle(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: label }),
-        required && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref, className: wrapper({ className }), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { htmlFor, className: labelStyle(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: label }),
+        required && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: containerStyle({ size, error: !!error, disabled: !!disabled, className: classContainer }), children }),
-      error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: errorStyle(), children: errorMessage })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: containerStyle({ size, error: !!error, disabled: !!disabled, className: classContainer }), children }),
+      error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: errorStyle(), children: errorMessage })
     ] });
   }
 );
 InputWrapper.displayName = "InputWrapper";
 
 // src/components/Input/InputString.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var InputString = (0, import_react3.forwardRef)(
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var InputString = (0, import_react7.forwardRef)(
   ({
     label,
     error,
@@ -154,14 +504,14 @@ var InputString = (0, import_react3.forwardRef)(
     name,
     ...props
   }, ref) => {
-    const [hovered, setHovered] = (0, import_react3.useState)(false);
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    const [hovered, setHovered] = (0, import_react7.useState)(false);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "div",
       {
         onMouseEnter: () => setHovered(true),
         onMouseLeave: () => setHovered(false),
         className: "w-full",
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           InputWrapper,
           {
             label,
@@ -173,8 +523,8 @@ var InputString = (0, import_react3.forwardRef)(
             classContainer,
             htmlFor: name,
             children: [
-              leftIcon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "pl-2.5 text-gray-400", children: leftIcon }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              leftIcon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "pl-2.5 text-gray-400", children: leftIcon }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 "input",
                 {
                   ref,
@@ -189,7 +539,7 @@ var InputString = (0, import_react3.forwardRef)(
                   ...props
                 }
               ),
-              showClearButton && hovered && value && !disabled && !required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              showClearButton && hovered && value && !disabled && !required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 "button",
                 {
                   type: "button",
@@ -198,7 +548,7 @@ var InputString = (0, import_react3.forwardRef)(
                   className: "px-2 text-gray-400 hover:text-gray-600",
                   onMouseDown: (e) => e.preventDefault(),
                   onClick: () => onChange?.(""),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
                     "svg",
                     {
                       width: "14",
@@ -210,14 +560,14 @@ var InputString = (0, import_react3.forwardRef)(
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                       ]
                     }
                   )
                 }
               ),
-              rightIcon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "pr-2.5 text-gray-400", children: rightIcon })
+              rightIcon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "pr-2.5 text-gray-400", children: rightIcon })
             ]
           }
         )
@@ -228,11 +578,11 @@ var InputString = (0, import_react3.forwardRef)(
 InputString.displayName = "InputString";
 
 // src/components/Input/InputEmail.tsx
-var import_react4 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var InputEmail = (0, import_react4.forwardRef)(
+var import_react8 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var InputEmail = (0, import_react8.forwardRef)(
   ({ label, error, errorMessage, required, size, leftIcon, rightIcon, classContainer, classInput, value, onChange, disabled, name, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       InputWrapper,
       {
         label,
@@ -244,8 +594,8 @@ var InputEmail = (0, import_react4.forwardRef)(
         classContainer,
         htmlFor: name,
         children: [
-          leftIcon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "pl-2.5 text-gray-400", children: leftIcon }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          leftIcon && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "pl-2.5 text-gray-400", children: leftIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             "input",
             {
               ref,
@@ -261,7 +611,7 @@ var InputEmail = (0, import_react4.forwardRef)(
               ...props
             }
           ),
-          rightIcon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "pr-2.5 text-gray-400", children: rightIcon })
+          rightIcon && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "pr-2.5 text-gray-400", children: rightIcon })
         ]
       }
     );
@@ -270,20 +620,20 @@ var InputEmail = (0, import_react4.forwardRef)(
 InputEmail.displayName = "InputEmail";
 
 // src/components/Input/InputPassword.tsx
-var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+var import_react9 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "12", cy: "12", r: "3" })
 ] });
-var EyeOffIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+var EyeOffIcon = () => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
 ] });
-var InputPassword = (0, import_react5.forwardRef)(
+var InputPassword = (0, import_react9.forwardRef)(
   ({ label, error, errorMessage, required, size, classContainer, classInput, value, onChange, disabled, name, ...props }, ref) => {
-    const [visible, setVisible] = (0, import_react5.useState)(false);
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    const [visible, setVisible] = (0, import_react9.useState)(false);
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       InputWrapper,
       {
         label,
@@ -295,7 +645,7 @@ var InputPassword = (0, import_react5.forwardRef)(
         classContainer,
         htmlFor: name,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "input",
             {
               ref,
@@ -311,7 +661,7 @@ var InputPassword = (0, import_react5.forwardRef)(
               ...props
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "button",
             {
               type: "button",
@@ -319,7 +669,7 @@ var InputPassword = (0, import_react5.forwardRef)(
               "aria-label": visible ? "Ocultar senha" : "Mostrar senha",
               className: "px-2.5 text-gray-400 hover:text-gray-600",
               onClick: () => setVisible(!visible),
-              children: visible ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EyeOffIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EyeIcon, {})
+              children: visible ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(EyeOffIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(EyeIcon, {})
             }
           )
         ]
@@ -330,10 +680,10 @@ var InputPassword = (0, import_react5.forwardRef)(
 InputPassword.displayName = "InputPassword";
 
 // src/components/Input/InputNumber.tsx
-var import_react6 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var allowedKeys = ["Backspace", "Delete", "Tab", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"];
-var InputNumber = (0, import_react6.forwardRef)(
+var InputNumber = (0, import_react10.forwardRef)(
   ({ label, error, errorMessage, required, size, leftIcon, rightIcon, classContainer, classInput, value, onChange, disabled, name, min = 0, max, ...props }, ref) => {
     function handleKeyDown(e) {
       if (e.ctrlKey || e.metaKey) return;
@@ -353,7 +703,7 @@ var InputNumber = (0, import_react6.forwardRef)(
       if (max !== void 0 && num > max) return;
       onChange?.(num);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       InputWrapper,
       {
         label,
@@ -365,8 +715,8 @@ var InputNumber = (0, import_react6.forwardRef)(
         classContainer,
         htmlFor: name,
         children: [
-          leftIcon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "pl-2.5 text-gray-400", children: leftIcon }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          leftIcon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "pl-2.5 text-gray-400", children: leftIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "input",
             {
               ref,
@@ -383,7 +733,7 @@ var InputNumber = (0, import_react6.forwardRef)(
               ...props
             }
           ),
-          rightIcon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "pr-2.5 text-gray-400", children: rightIcon })
+          rightIcon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "pr-2.5 text-gray-400", children: rightIcon })
         ]
       }
     );
@@ -392,7 +742,7 @@ var InputNumber = (0, import_react6.forwardRef)(
 InputNumber.displayName = "InputNumber";
 
 // src/components/Input/InputCPF.tsx
-var import_react7 = require("react");
+var import_react11 = require("react");
 
 // src/components/Input/masks.ts
 function maskCPF(value) {
@@ -426,14 +776,14 @@ function unmaskCurrency(value) {
 }
 
 // src/components/Input/InputCPF.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var InputCPF = (0, import_react7.forwardRef)(
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var InputCPF = (0, import_react11.forwardRef)(
   ({ label, error, errorMessage, required, size, classContainer, classInput, value, onChange, disabled, name, ...props }, ref) => {
     function handleChange(raw) {
       const digits = unmask(raw);
       onChange?.(digits);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       InputWrapper,
       {
         label,
@@ -444,7 +794,7 @@ var InputCPF = (0, import_react7.forwardRef)(
         size,
         classContainer,
         htmlFor: name,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "input",
           {
             ref,
@@ -469,15 +819,15 @@ var InputCPF = (0, import_react7.forwardRef)(
 InputCPF.displayName = "InputCPF";
 
 // src/components/Input/InputCNPJ.tsx
-var import_react8 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var InputCNPJ = (0, import_react8.forwardRef)(
+var import_react12 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var InputCNPJ = (0, import_react12.forwardRef)(
   ({ label, error, errorMessage, required, size, classContainer, classInput, value, onChange, disabled, name, ...props }, ref) => {
     function handleChange(raw) {
       const digits = unmask(raw);
       onChange?.(digits);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       InputWrapper,
       {
         label,
@@ -488,7 +838,7 @@ var InputCNPJ = (0, import_react8.forwardRef)(
         size,
         classContainer,
         htmlFor: name,
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "input",
           {
             ref,
@@ -513,15 +863,15 @@ var InputCNPJ = (0, import_react8.forwardRef)(
 InputCNPJ.displayName = "InputCNPJ";
 
 // src/components/Input/InputPhone.tsx
-var import_react9 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var InputPhone = (0, import_react9.forwardRef)(
+var import_react13 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var InputPhone = (0, import_react13.forwardRef)(
   ({ label, error, errorMessage, required, size, classContainer, classInput, value, onChange, disabled, name, ...props }, ref) => {
     function handleChange(raw) {
       const digits = unmask(raw);
       onChange?.(digits);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       InputWrapper,
       {
         label,
@@ -532,7 +882,7 @@ var InputPhone = (0, import_react9.forwardRef)(
         size,
         classContainer,
         htmlFor: name,
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "input",
           {
             ref,
@@ -557,8 +907,8 @@ var InputPhone = (0, import_react9.forwardRef)(
 InputPhone.displayName = "InputPhone";
 
 // src/components/Input/InputCurrency.tsx
-var import_react10 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function formatCurrency(value, prefix, decimalScale) {
   const fixed = Math.abs(value).toFixed(decimalScale);
   const [intPart, decPart] = fixed.split(".");
@@ -566,7 +916,7 @@ function formatCurrency(value, prefix, decimalScale) {
   const sign = value < 0 ? "-" : "";
   return `${sign}${prefix}${formatted},${decPart}`;
 }
-var InputCurrency = (0, import_react10.forwardRef)(
+var InputCurrency = (0, import_react14.forwardRef)(
   ({ label, error, errorMessage, required, size, classContainer, classInput, value, onChange, disabled, name, prefix = "R$ ", decimalScale = 2, allowNegative = false, ...props }, ref) => {
     function handleChange(e) {
       const raw = e.target.value;
@@ -575,7 +925,7 @@ var InputCurrency = (0, import_react10.forwardRef)(
       onChange?.(isNaN(num) ? void 0 : num);
     }
     const displayValue = value !== void 0 && value !== null ? formatCurrency(value, prefix, decimalScale) : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       InputWrapper,
       {
         label,
@@ -586,7 +936,7 @@ var InputCurrency = (0, import_react10.forwardRef)(
         size,
         classContainer,
         htmlFor: name,
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "input",
           {
             ref,
@@ -610,15 +960,15 @@ var InputCurrency = (0, import_react10.forwardRef)(
 InputCurrency.displayName = "InputCurrency";
 
 // src/components/Input/InputCep.tsx
-var import_react11 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var InputCep = (0, import_react11.forwardRef)(
+var import_react15 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var InputCep = (0, import_react15.forwardRef)(
   ({ label, error, errorMessage, required, size, classContainer, classInput, value, onChange, disabled, name, ...props }, ref) => {
     function handleChange(raw) {
       const digits = unmask(raw);
       onChange?.(digits);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       InputWrapper,
       {
         label,
@@ -629,7 +979,7 @@ var InputCep = (0, import_react11.forwardRef)(
         size,
         classContainer,
         htmlFor: name,
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "input",
           {
             ref,
@@ -655,10 +1005,10 @@ var InputCep = (0, import_react11.forwardRef)(
 InputCep.displayName = "InputCep";
 
 // src/components/Input/InputCheckbox.tsx
-var import_react12 = require("react");
-var import_tailwind_variants3 = require("tailwind-variants");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var checkboxContainer = (0, import_tailwind_variants3.tv)({
+var import_react16 = require("react");
+var import_tailwind_variants7 = require("tailwind-variants");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var checkboxContainer = (0, import_tailwind_variants7.tv)({
   base: "inline-flex items-center justify-center w-[18px] h-[18px] rounded border cursor-pointer transition-colors",
   variants: {
     checked: {
@@ -676,15 +1026,15 @@ var checkboxContainer = (0, import_tailwind_variants3.tv)({
     checked: false
   }
 });
-var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("polyline", { points: "20 6 9 17 4 12" }) });
-var IndeterminateIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w-2 h-2 rounded-sm bg-gray-300" });
-var InputCheckbox = (0, import_react12.forwardRef)(
+var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("polyline", { points: "20 6 9 17 4 12" }) });
+var IndeterminateIcon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-2 h-2 rounded-sm bg-gray-300" });
+var InputCheckbox = (0, import_react16.forwardRef)(
   ({ label, checked = false, indeterminate = false, onChange, disabled, error, labelPosition = "right", className, name, required }, ref) => {
     function handleClick() {
       if (disabled) return;
       onChange?.(!checked);
     }
-    const box = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    const box = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "button",
       {
         ref,
@@ -697,27 +1047,27 @@ var InputCheckbox = (0, import_react12.forwardRef)(
         onClick: handleClick,
         disabled,
         children: [
-          checked && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CheckIcon, {}),
-          indeterminate && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IndeterminateIcon, {})
+          checked && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CheckIcon, {}),
+          indeterminate && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IndeterminateIcon, {})
         ]
       }
     );
-    if (!label) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className, children: box });
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `flex items-center gap-2 ${className ?? ""}`, children: [
-      labelPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: name, className: "text-sm text-gray-700 cursor-pointer select-none", children: label }),
+    if (!label) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className, children: box });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: `flex items-center gap-2 ${className ?? ""}`, children: [
+      labelPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: name, className: "text-sm text-gray-700 cursor-pointer select-none", children: label }),
       box,
-      labelPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: name, className: "text-sm text-gray-700 cursor-pointer select-none", children: label }),
-      required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-red-500 text-[10px]", children: "*" })
+      labelPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: name, className: "text-sm text-gray-700 cursor-pointer select-none", children: label }),
+      required && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-red-500 text-[10px]", children: "*" })
     ] });
   }
 );
 InputCheckbox.displayName = "InputCheckbox";
 
 // src/components/Input/InputRadio.tsx
-var import_react13 = require("react");
-var import_tailwind_variants4 = require("tailwind-variants");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var radioButton = (0, import_tailwind_variants4.tv)({
+var import_react17 = require("react");
+var import_tailwind_variants8 = require("tailwind-variants");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var radioButton = (0, import_tailwind_variants8.tv)({
   base: "inline-flex items-center justify-center w-[18px] h-[18px] rounded-full border cursor-pointer transition-colors",
   variants: {
     selected: {
@@ -735,14 +1085,14 @@ var radioButton = (0, import_tailwind_variants4.tv)({
     selected: false
   }
 });
-var InputRadio = (0, import_react13.forwardRef)(
+var InputRadio = (0, import_react17.forwardRef)(
   ({ label, options, value, onChange, disabled, error, required, name, className, direction = "horizontal" }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { ref, className: `flex w-full flex-col gap-1 ${className ?? ""}`, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "text-xs text-gray-700 flex items-start gap-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: label }),
-        required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref, className: `flex w-full flex-col gap-1 ${className ?? ""}`, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-xs text-gray-700 flex items-start gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: label }),
+        required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "div",
         {
           role: "radiogroup",
@@ -751,12 +1101,12 @@ var InputRadio = (0, import_react13.forwardRef)(
           children: options.map((option) => {
             const isSelected = value === option.value;
             const isDisabled = disabled || option.disabled;
-            return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "label",
               {
                 className: `flex items-center gap-2 cursor-pointer select-none ${isDisabled ? "opacity-50 cursor-not-allowed" : ""}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "button",
                     {
                       type: "button",
@@ -765,10 +1115,10 @@ var InputRadio = (0, import_react13.forwardRef)(
                       className: radioButton({ selected: isSelected, disabled: !!isDisabled, error: !!error }),
                       onClick: () => !isDisabled && onChange?.(option.value),
                       disabled: isDisabled,
-                      children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w-[10px] h-[10px] rounded-full bg-blue-600" })
+                      children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-[10px] h-[10px] rounded-full bg-blue-600" })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm text-gray-700", children: option.label })
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm text-gray-700", children: option.label })
                 ]
               },
               String(option.value)
@@ -776,17 +1126,17 @@ var InputRadio = (0, import_react13.forwardRef)(
           })
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-xs text-red-500 mt-0.5", children: "Selecione uma op\xE7\xE3o" })
+      error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs text-red-500 mt-0.5", children: "Selecione uma op\xE7\xE3o" })
     ] });
   }
 );
 InputRadio.displayName = "InputRadio";
 
 // src/components/Input/Textarea.tsx
-var import_react14 = require("react");
-var import_tailwind_variants5 = require("tailwind-variants");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var textareaStyle = (0, import_tailwind_variants5.tv)({
+var import_react18 = require("react");
+var import_tailwind_variants9 = require("tailwind-variants");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var textareaStyle = (0, import_tailwind_variants9.tv)({
   base: "w-full rounded-md border bg-white px-2.5 py-2 text-sm text-gray-900 outline-none placeholder:text-gray-400 resize-vertical transition-colors",
   variants: {
     error: {
@@ -801,14 +1151,14 @@ var textareaStyle = (0, import_tailwind_variants5.tv)({
     error: false
   }
 });
-var Textarea = (0, import_react14.forwardRef)(
+var Textarea = (0, import_react18.forwardRef)(
   ({ label, error, errorMessage, required, size, classInput, value, onChange, disabled, name, rows = 4, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex w-full flex-col gap-1", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { htmlFor: name, className: "text-xs text-gray-700 flex items-start gap-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: label }),
-        required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex w-full flex-col gap-1", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { htmlFor: name, className: "text-xs text-gray-700 flex items-start gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: label }),
+        required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "textarea",
         {
           ref,
@@ -823,14 +1173,16 @@ var Textarea = (0, import_react14.forwardRef)(
           ...props
         }
       ),
-      error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-xs text-red-500 mt-0.5", children: errorMessage })
+      error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-red-500 mt-0.5", children: errorMessage })
     ] });
   }
 );
 Textarea.displayName = "Textarea";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Avatar,
   Button,
+  Card,
   InputCNPJ,
   InputCPF,
   InputCep,
@@ -843,13 +1195,19 @@ Textarea.displayName = "Textarea";
   InputRadio,
   InputString,
   InputWrapper,
+  Modal,
   Textarea,
+  Tooltip,
+  avatar,
   button,
+  card,
   maskCEP,
   maskCNPJ,
   maskCPF,
   maskCurrency,
   maskPhone,
+  modal,
+  tooltip,
   unmask,
   unmaskCurrency
 });