npm - @sigep/react - Versions diffs - 1.1.1 → 1.1.3 - Mend

@sigep/react 1.1.1 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -510,7 +510,7 @@ interface InputWrapperProps {
     errorMessage?: string;
     required?: boolean;
     disabled?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: "sm" | "md" | "lg";
     children: ReactNode;
     className?: string;
     classContainer?: string;

package/dist/index.d.ts CHANGED Viewed

@@ -510,7 +510,7 @@ interface InputWrapperProps {
     errorMessage?: string;
     required?: boolean;
     disabled?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: "sm" | "md" | "lg";
     children: ReactNode;
     className?: string;
     classContainer?: string;

package/dist/index.js CHANGED Viewed

@@ -67,9 +67,9 @@ var avatar = (0, import_tailwind_variants.tv)({
       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"
+      primary: "bg-blue-500 text-white",
+      secondary: "bg-gray-200 text-gray-600",
+      outline: "bg-white text-blue-500 ring-2 ring-blue-500 ring-offset-2"
     }
   },
   defaultVariants: {
@@ -84,14 +84,22 @@ function getInitials(name) {
 }
 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",
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
       {
-        src,
-        alt: alt || name || "avatar",
-        className: "h-full w-full object-cover"
+        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) : "?" })
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: name ? getInitials(name) : "?" }) });
+    );
   }
 );
 Avatar.displayName = "Avatar";
@@ -104,10 +112,10 @@ 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: {
-      primary: "bg-blue-600 text-white hover:bg-blue-700 focus-visible:outline-blue-600",
-      secondary: "border border-blue-600 text-blue-600 hover:bg-blue-50 focus-visible:outline-blue-600",
-      tertiary: "text-blue-600 hover:bg-blue-50 focus-visible:outline-blue-600",
-      danger: "bg-red-600 text-white hover:bg-red-700 focus-visible:outline-red-600"
+      primary: "bg-blue-500 text-white hover:bg-blue-700 focus-visible:outline-blue-500",
+      secondary: "border border-blue-500 text-blue-500 hover:bg-blue-50 focus-visible:outline-blue-500",
+      tertiary: "text-blue-500 hover:bg-blue-50 focus-visible:outline-blue-500",
+      danger: "bg-red-500 text-white hover:bg-red-500/90 focus-visible:outline-red-500"
     },
     size: {
       sm: "h-9 px-3 text-sm",
@@ -224,7 +232,7 @@ var Modal = (0, import_react4.forwardRef)(
               "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",
+                className: "inline-flex h-7 w-7 items-center justify-center rounded-md text-gray-500 hover:bg-gray-200 hover:text-gray-600 transition-colors",
                 onClick: onClose,
                 "aria-label": "Fechar",
                 children: "\u2715"
@@ -444,7 +452,7 @@ var wrapper = (0, import_tailwind_variants6.tv)({
   base: "flex w-full flex-col gap-1"
 });
 var labelStyle = (0, import_tailwind_variants6.tv)({
-  base: "text-xs text-gray-700 flex items-start gap-0.5"
+  base: "text-xs text-gray-600 flex items-start gap-0.5"
 });
 var containerStyle = (0, import_tailwind_variants6.tv)({
   base: "flex items-center w-full rounded-md border bg-white transition-colors",
@@ -471,13 +479,35 @@ var errorStyle = (0, import_tailwind_variants6.tv)({
   base: "text-xs text-red-500 mt-0.5"
 });
 var InputWrapper = (0, import_react6.forwardRef)(
-  ({ label, error, errorMessage, required, disabled, size, children, className, classContainer, htmlFor }, ref) => {
+  ({
+    label,
+    error,
+    errorMessage,
+    required,
+    disabled,
+    size,
+    children,
+    className,
+    classContainer,
+    htmlFor
+  }, ref) => {
     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_runtime6.jsx)("div", { className: containerStyle({ size, error: !!error, disabled: !!disabled, className: classContainer }), children }),
+      /* @__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 })
     ] });
   }
@@ -1012,7 +1042,7 @@ 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: {
-      true: "bg-blue-600 border-blue-600",
+      true: "bg-blue-500 border-blue-500",
       false: "bg-white border-gray-300 hover:border-blue-500 hover:bg-blue-50"
     },
     disabled: {
@@ -1026,10 +1056,34 @@ var checkboxContainer = (0, import_tailwind_variants7.tv)({
     checked: false
   }
 });
-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 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) => {
+  ({
+    label,
+    checked = false,
+    indeterminate = false,
+    onChange,
+    disabled,
+    error,
+    labelPosition = "right",
+    className,
+    name,
+    required
+  }, ref) => {
     function handleClick() {
       if (disabled) return;
       onChange?.(!checked);
@@ -1043,7 +1097,11 @@ var InputCheckbox = (0, import_react16.forwardRef)(
         id: name,
         "aria-checked": indeterminate ? "mixed" : checked,
         "aria-required": required,
-        className: checkboxContainer({ checked: checked || indeterminate, disabled: !!disabled, error: !!error }),
+        className: checkboxContainer({
+          checked: checked || indeterminate,
+          disabled: !!disabled,
+          error: !!error
+        }),
         onClick: handleClick,
         disabled,
         children: [
@@ -1054,9 +1112,23 @@ var InputCheckbox = (0, import_react16.forwardRef)(
     );
     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 }),
+      labelPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "label",
+        {
+          htmlFor: name,
+          className: "text-sm text-gray-600 cursor-pointer select-none",
+          children: label
+        }
+      ),
       box,
-      labelPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: name, className: "text-sm text-gray-700 cursor-pointer select-none", children: label }),
+      labelPosition === "right" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "label",
+        {
+          htmlFor: name,
+          className: "text-sm text-gray-600 cursor-pointer select-none",
+          children: label
+        }
+      ),
       required && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-red-500 text-[10px]", children: "*" })
     ] });
   }
@@ -1071,7 +1143,7 @@ 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: {
-      true: "border-blue-600",
+      true: "border-blue-500",
       false: "border-gray-300 hover:border-blue-500 hover:bg-blue-50"
     },
     disabled: {
@@ -1086,48 +1158,70 @@ var radioButton = (0, import_tailwind_variants8.tv)({
   }
 });
 var InputRadio = (0, import_react17.forwardRef)(
-  ({ label, options, value, onChange, disabled, error, required, name, className, direction = "horizontal" }, ref) => {
-    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_runtime17.jsx)(
-        "div",
-        {
-          role: "radiogroup",
-          "aria-label": label,
-          className: `flex gap-3 ${direction === "vertical" ? "flex-col" : "items-center"}`,
-          children: options.map((option) => {
-            const isSelected = value === option.value;
-            const isDisabled = disabled || option.disabled;
-            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_runtime17.jsx)(
-                    "button",
-                    {
-                      type: "button",
-                      role: "radio",
-                      "aria-checked": isSelected,
-                      className: radioButton({ selected: isSelected, disabled: !!isDisabled, error: !!error }),
-                      onClick: () => !isDisabled && onChange?.(option.value),
-                      disabled: isDisabled,
-                      children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-[10px] h-[10px] rounded-full bg-blue-600" })
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm text-gray-700", children: option.label })
-                ]
-              },
-              String(option.value)
-            );
-          })
-        }
-      ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs text-red-500 mt-0.5", children: "Selecione uma op\xE7\xE3o" })
-    ] });
+  ({
+    label,
+    options,
+    value,
+    onChange,
+    disabled,
+    error,
+    required,
+    name,
+    className,
+    direction = "horizontal"
+  }, ref) => {
+    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-600 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_runtime17.jsx)(
+            "div",
+            {
+              role: "radiogroup",
+              "aria-label": label,
+              className: `flex gap-3 ${direction === "vertical" ? "flex-col" : "items-center"}`,
+              children: options.map((option) => {
+                const isSelected = value === option.value;
+                const isDisabled = disabled || option.disabled;
+                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_runtime17.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          role: "radio",
+                          "aria-checked": isSelected,
+                          className: radioButton({
+                            selected: isSelected,
+                            disabled: !!isDisabled,
+                            error: !!error
+                          }),
+                          onClick: () => !isDisabled && onChange?.(option.value),
+                          disabled: isDisabled,
+                          children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-[10px] h-[10px] rounded-full bg-blue-500" })
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm text-gray-600", children: option.label })
+                    ]
+                  },
+                  String(option.value)
+                );
+              })
+            }
+          ),
+          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";
@@ -1152,12 +1246,32 @@ var textareaStyle = (0, import_tailwind_variants9.tv)({
   }
 });
 var Textarea = (0, import_react18.forwardRef)(
-  ({ label, error, errorMessage, required, size, classInput, value, onChange, disabled, name, rows = 4, ...props }, ref) => {
+  ({
+    label,
+    error,
+    errorMessage,
+    required,
+    size,
+    classInput,
+    value,
+    onChange,
+    disabled,
+    name,
+    rows = 4,
+    ...props
+  }, ref) => {
     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: "*" })
-      ] }),
+      label && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        "label",
+        {
+          htmlFor: name,
+          className: "text-xs text-gray-600 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_runtime18.jsx)(
         "textarea",
         {
@@ -1169,7 +1283,11 @@ var Textarea = (0, import_react18.forwardRef)(
           onChange: (e) => onChange?.(e.target.value),
           disabled,
           "aria-invalid": !!error,
-          className: textareaStyle({ error: !!error, disabled: !!disabled, className: classInput }),
+          className: textareaStyle({
+            error: !!error,
+            disabled: !!disabled,
+            className: classInput
+          }),
           ...props
         }
       ),

package/dist/index.mjs CHANGED Viewed

@@ -12,9 +12,9 @@ var avatar = tv({
       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"
+      primary: "bg-blue-500 text-white",
+      secondary: "bg-gray-200 text-gray-600",
+      outline: "bg-white text-blue-500 ring-2 ring-blue-500 ring-offset-2"
     }
   },
   defaultVariants: {
@@ -29,14 +29,22 @@ function getInitials(name) {
 }
 var Avatar = forwardRef(
   ({ name, src, alt, size, variant, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: avatar({ size, variant, className }), ...props, children: src ? /* @__PURE__ */ jsx(
-      "img",
+    return /* @__PURE__ */ jsx(
+      "div",
       {
-        src,
-        alt: alt || name || "avatar",
-        className: "h-full w-full object-cover"
+        ref,
+        className: avatar({ size, variant, className }),
+        ...props,
+        children: src ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src,
+            alt: alt || name || "avatar",
+            className: "h-full w-full object-cover"
+          }
+        ) : /* @__PURE__ */ jsx("span", { children: name ? getInitials(name) : "?" })
       }
-    ) : /* @__PURE__ */ jsx("span", { children: name ? getInitials(name) : "?" }) });
+    );
   }
 );
 Avatar.displayName = "Avatar";
@@ -49,10 +57,10 @@ var button = tv2({
   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: {
-      primary: "bg-blue-600 text-white hover:bg-blue-700 focus-visible:outline-blue-600",
-      secondary: "border border-blue-600 text-blue-600 hover:bg-blue-50 focus-visible:outline-blue-600",
-      tertiary: "text-blue-600 hover:bg-blue-50 focus-visible:outline-blue-600",
-      danger: "bg-red-600 text-white hover:bg-red-700 focus-visible:outline-red-600"
+      primary: "bg-blue-500 text-white hover:bg-blue-700 focus-visible:outline-blue-500",
+      secondary: "border border-blue-500 text-blue-500 hover:bg-blue-50 focus-visible:outline-blue-500",
+      tertiary: "text-blue-500 hover:bg-blue-50 focus-visible:outline-blue-500",
+      danger: "bg-red-500 text-white hover:bg-red-500/90 focus-visible:outline-red-500"
     },
     size: {
       sm: "h-9 px-3 text-sm",
@@ -115,7 +123,11 @@ var Card = forwardRef3(
 Card.displayName = "Card";
 // src/components/Modal/index.tsx
-import { forwardRef as forwardRef4, useEffect, useCallback } from "react";
+import {
+  forwardRef as forwardRef4,
+  useEffect,
+  useCallback
+} from "react";
 import { tv as tv4 } from "tailwind-variants";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var overlay = tv4({
@@ -169,7 +181,7 @@ var Modal = forwardRef4(
               "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",
+                className: "inline-flex h-7 w-7 items-center justify-center rounded-md text-gray-500 hover:bg-gray-200 hover:text-gray-600 transition-colors",
                 onClick: onClose,
                 "aria-label": "Fechar",
                 children: "\u2715"
@@ -396,7 +408,7 @@ var wrapper = tv6({
   base: "flex w-full flex-col gap-1"
 });
 var labelStyle = tv6({
-  base: "text-xs text-gray-700 flex items-start gap-0.5"
+  base: "text-xs text-gray-600 flex items-start gap-0.5"
 });
 var containerStyle = tv6({
   base: "flex items-center w-full rounded-md border bg-white transition-colors",
@@ -423,13 +435,35 @@ var errorStyle = tv6({
   base: "text-xs text-red-500 mt-0.5"
 });
 var InputWrapper = forwardRef6(
-  ({ label, error, errorMessage, required, disabled, size, children, className, classContainer, htmlFor }, ref) => {
+  ({
+    label,
+    error,
+    errorMessage,
+    required,
+    disabled,
+    size,
+    children,
+    className,
+    classContainer,
+    htmlFor
+  }, ref) => {
     return /* @__PURE__ */ jsxs4("div", { ref, className: wrapper({ className }), children: [
       label && /* @__PURE__ */ jsxs4("label", { htmlFor, className: labelStyle(), children: [
         /* @__PURE__ */ jsx6("span", { children: label }),
         required && /* @__PURE__ */ jsx6("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
       ] }),
-      /* @__PURE__ */ jsx6("div", { className: containerStyle({ size, error: !!error, disabled: !!disabled, className: classContainer }), children }),
+      /* @__PURE__ */ jsx6(
+        "div",
+        {
+          className: containerStyle({
+            size,
+            error: !!error,
+            disabled: !!disabled,
+            className: classContainer
+          }),
+          children
+        }
+      ),
       error && errorMessage && /* @__PURE__ */ jsx6("span", { className: errorStyle(), children: errorMessage })
     ] });
   }
@@ -964,7 +998,7 @@ var checkboxContainer = tv7({
   base: "inline-flex items-center justify-center w-[18px] h-[18px] rounded border cursor-pointer transition-colors",
   variants: {
     checked: {
-      true: "bg-blue-600 border-blue-600",
+      true: "bg-blue-500 border-blue-500",
       false: "bg-white border-gray-300 hover:border-blue-500 hover:bg-blue-50"
     },
     disabled: {
@@ -978,10 +1012,34 @@ var checkboxContainer = tv7({
     checked: false
   }
 });
-var CheckIcon = () => /* @__PURE__ */ jsx16("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx16("polyline", { points: "20 6 9 17 4 12" }) });
+var CheckIcon = () => /* @__PURE__ */ jsx16(
+  "svg",
+  {
+    width: "10",
+    height: "10",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "white",
+    strokeWidth: "4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ jsx16("polyline", { points: "20 6 9 17 4 12" })
+  }
+);
 var IndeterminateIcon = () => /* @__PURE__ */ jsx16("div", { className: "w-2 h-2 rounded-sm bg-gray-300" });
 var InputCheckbox = forwardRef16(
-  ({ label, checked = false, indeterminate = false, onChange, disabled, error, labelPosition = "right", className, name, required }, ref) => {
+  ({
+    label,
+    checked = false,
+    indeterminate = false,
+    onChange,
+    disabled,
+    error,
+    labelPosition = "right",
+    className,
+    name,
+    required
+  }, ref) => {
     function handleClick() {
       if (disabled) return;
       onChange?.(!checked);
@@ -995,7 +1053,11 @@ var InputCheckbox = forwardRef16(
         id: name,
         "aria-checked": indeterminate ? "mixed" : checked,
         "aria-required": required,
-        className: checkboxContainer({ checked: checked || indeterminate, disabled: !!disabled, error: !!error }),
+        className: checkboxContainer({
+          checked: checked || indeterminate,
+          disabled: !!disabled,
+          error: !!error
+        }),
         onClick: handleClick,
         disabled,
         children: [
@@ -1006,9 +1068,23 @@ var InputCheckbox = forwardRef16(
     );
     if (!label) return /* @__PURE__ */ jsx16("div", { className, children: box });
     return /* @__PURE__ */ jsxs9("div", { className: `flex items-center gap-2 ${className ?? ""}`, children: [
-      labelPosition === "left" && /* @__PURE__ */ jsx16("label", { htmlFor: name, className: "text-sm text-gray-700 cursor-pointer select-none", children: label }),
+      labelPosition === "left" && /* @__PURE__ */ jsx16(
+        "label",
+        {
+          htmlFor: name,
+          className: "text-sm text-gray-600 cursor-pointer select-none",
+          children: label
+        }
+      ),
       box,
-      labelPosition === "right" && /* @__PURE__ */ jsx16("label", { htmlFor: name, className: "text-sm text-gray-700 cursor-pointer select-none", children: label }),
+      labelPosition === "right" && /* @__PURE__ */ jsx16(
+        "label",
+        {
+          htmlFor: name,
+          className: "text-sm text-gray-600 cursor-pointer select-none",
+          children: label
+        }
+      ),
       required && /* @__PURE__ */ jsx16("span", { className: "text-red-500 text-[10px]", children: "*" })
     ] });
   }
@@ -1023,7 +1099,7 @@ var radioButton = tv8({
   base: "inline-flex items-center justify-center w-[18px] h-[18px] rounded-full border cursor-pointer transition-colors",
   variants: {
     selected: {
-      true: "border-blue-600",
+      true: "border-blue-500",
       false: "border-gray-300 hover:border-blue-500 hover:bg-blue-50"
     },
     disabled: {
@@ -1038,48 +1114,70 @@ var radioButton = tv8({
   }
 });
 var InputRadio = forwardRef17(
-  ({ label, options, value, onChange, disabled, error, required, name, className, direction = "horizontal" }, ref) => {
-    return /* @__PURE__ */ jsxs10("div", { ref, className: `flex w-full flex-col gap-1 ${className ?? ""}`, children: [
-      label && /* @__PURE__ */ jsxs10("span", { className: "text-xs text-gray-700 flex items-start gap-0.5", children: [
-        /* @__PURE__ */ jsx17("span", { children: label }),
-        required && /* @__PURE__ */ jsx17("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
-      ] }),
-      /* @__PURE__ */ jsx17(
-        "div",
-        {
-          role: "radiogroup",
-          "aria-label": label,
-          className: `flex gap-3 ${direction === "vertical" ? "flex-col" : "items-center"}`,
-          children: options.map((option) => {
-            const isSelected = value === option.value;
-            const isDisabled = disabled || option.disabled;
-            return /* @__PURE__ */ jsxs10(
-              "label",
-              {
-                className: `flex items-center gap-2 cursor-pointer select-none ${isDisabled ? "opacity-50 cursor-not-allowed" : ""}`,
-                children: [
-                  /* @__PURE__ */ jsx17(
-                    "button",
-                    {
-                      type: "button",
-                      role: "radio",
-                      "aria-checked": isSelected,
-                      className: radioButton({ selected: isSelected, disabled: !!isDisabled, error: !!error }),
-                      onClick: () => !isDisabled && onChange?.(option.value),
-                      disabled: isDisabled,
-                      children: isSelected && /* @__PURE__ */ jsx17("div", { className: "w-[10px] h-[10px] rounded-full bg-blue-600" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx17("span", { className: "text-sm text-gray-700", children: option.label })
-                ]
-              },
-              String(option.value)
-            );
-          })
-        }
-      ),
-      error && /* @__PURE__ */ jsx17("span", { className: "text-xs text-red-500 mt-0.5", children: "Selecione uma op\xE7\xE3o" })
-    ] });
+  ({
+    label,
+    options,
+    value,
+    onChange,
+    disabled,
+    error,
+    required,
+    name,
+    className,
+    direction = "horizontal"
+  }, ref) => {
+    return /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        ref,
+        className: `flex w-full flex-col gap-1 ${className ?? ""}`,
+        children: [
+          label && /* @__PURE__ */ jsxs10("span", { className: "text-xs text-gray-600 flex items-start gap-0.5", children: [
+            /* @__PURE__ */ jsx17("span", { children: label }),
+            required && /* @__PURE__ */ jsx17("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
+          ] }),
+          /* @__PURE__ */ jsx17(
+            "div",
+            {
+              role: "radiogroup",
+              "aria-label": label,
+              className: `flex gap-3 ${direction === "vertical" ? "flex-col" : "items-center"}`,
+              children: options.map((option) => {
+                const isSelected = value === option.value;
+                const isDisabled = disabled || option.disabled;
+                return /* @__PURE__ */ jsxs10(
+                  "label",
+                  {
+                    className: `flex items-center gap-2 cursor-pointer select-none ${isDisabled ? "opacity-50 cursor-not-allowed" : ""}`,
+                    children: [
+                      /* @__PURE__ */ jsx17(
+                        "button",
+                        {
+                          type: "button",
+                          role: "radio",
+                          "aria-checked": isSelected,
+                          className: radioButton({
+                            selected: isSelected,
+                            disabled: !!isDisabled,
+                            error: !!error
+                          }),
+                          onClick: () => !isDisabled && onChange?.(option.value),
+                          disabled: isDisabled,
+                          children: isSelected && /* @__PURE__ */ jsx17("div", { className: "w-[10px] h-[10px] rounded-full bg-blue-500" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx17("span", { className: "text-sm text-gray-600", children: option.label })
+                    ]
+                  },
+                  String(option.value)
+                );
+              })
+            }
+          ),
+          error && /* @__PURE__ */ jsx17("span", { className: "text-xs text-red-500 mt-0.5", children: "Selecione uma op\xE7\xE3o" })
+        ]
+      }
+    );
   }
 );
 InputRadio.displayName = "InputRadio";
@@ -1104,12 +1202,32 @@ var textareaStyle = tv9({
   }
 });
 var Textarea = forwardRef18(
-  ({ label, error, errorMessage, required, size, classInput, value, onChange, disabled, name, rows = 4, ...props }, ref) => {
+  ({
+    label,
+    error,
+    errorMessage,
+    required,
+    size,
+    classInput,
+    value,
+    onChange,
+    disabled,
+    name,
+    rows = 4,
+    ...props
+  }, ref) => {
     return /* @__PURE__ */ jsxs11("div", { className: "flex w-full flex-col gap-1", children: [
-      label && /* @__PURE__ */ jsxs11("label", { htmlFor: name, className: "text-xs text-gray-700 flex items-start gap-0.5", children: [
-        /* @__PURE__ */ jsx18("span", { children: label }),
-        required && /* @__PURE__ */ jsx18("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
-      ] }),
+      label && /* @__PURE__ */ jsxs11(
+        "label",
+        {
+          htmlFor: name,
+          className: "text-xs text-gray-600 flex items-start gap-0.5",
+          children: [
+            /* @__PURE__ */ jsx18("span", { children: label }),
+            required && /* @__PURE__ */ jsx18("span", { className: "text-red-500 text-[10px] leading-none mt-0.5", children: "*" })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx18(
         "textarea",
         {
@@ -1121,7 +1239,11 @@ var Textarea = forwardRef18(
           onChange: (e) => onChange?.(e.target.value),
           disabled,
           "aria-invalid": !!error,
-          className: textareaStyle({ error: !!error, disabled: !!disabled, className: classInput }),
+          className: textareaStyle({
+            error: !!error,
+            disabled: !!disabled,
+            className: classInput
+          }),
           ...props
         }
       ),

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sigep/react",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",