analytica-frontend-lib 1.0.30 → 1.0.31

package/dist/index.js

@@ -24,6 +24,7 @@ __export(src_exports, {
   Badge: () => Badge_default,
   Button: () => Button_default,
   CheckBox: () => CheckBox_default,
+  Divider: () => Divider_default,
   DropdownMenu: () => DropdownMenu_default,
   DropdownMenuContent: () => MenuContent,
   DropdownMenuItem: () => MenuItem,
@@ -1051,10 +1052,33 @@ var Toaster = () => {
 };
 var Toaster_default = Toaster;
 
+// src/components/Divider/Divider.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Divider = ({
+  orientation = "horizontal",
+  className = "",
+  ...props
+}) => {
+  const baseClasses = "bg-border-200 border-0";
+  const orientationClasses = {
+    horizontal: "w-full h-px",
+    vertical: "h-full w-px"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "hr",
+    {
+      className: `${baseClasses} ${orientationClasses[orientation]} ${className}`,
+      "aria-orientation": orientation,
+      ...props
+    }
+  );
+};
+var Divider_default = Divider;
+
 // src/components/Input/Input.tsx
 var import_phosphor_react5 = require("phosphor-react");
 var import_react7 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var SIZE_CLASSES5 = {
   small: "text-sm",
   medium: "text-md",
@@ -1093,7 +1117,7 @@ var getPasswordToggleConfig = (type, disabled, readOnly, showPassword, iconRight
   let actualIconRight = iconRight;
   let ariaLabel;
   if (shouldShowPasswordToggle) {
-    actualIconRight = showPassword ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react5.EyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react5.Eye, {});
+    actualIconRight = showPassword ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_phosphor_react5.EyeSlash, {}) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_phosphor_react5.Eye, {});
     ariaLabel = showPassword ? "Ocultar senha" : "Mostrar senha";
   }
   return { shouldShowPasswordToggle, actualIconRight, ariaLabel };
@@ -1145,8 +1169,8 @@ var Input = (0, import_react7.forwardRef)(
       showPassword,
       iconRight
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `${containerClassName}`, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `${containerClassName}`, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "label",
         {
           htmlFor: inputId,
@@ -1154,15 +1178,15 @@ var Input = (0, import_react7.forwardRef)(
           children: label
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", children: [
-        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "relative", children: [
+        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "span",
           {
             className: `${iconSize} text-text-400 flex items-center justify-center`,
             children: iconLeft
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "input",
           {
             ref,
@@ -1175,14 +1199,14 @@ var Input = (0, import_react7.forwardRef)(
             ...props
           }
         ),
-        actualIconRight && (shouldShowPasswordToggle ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        actualIconRight && (shouldShowPasswordToggle ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "button",
           {
             type: "button",
             className: "absolute right-3 top-1/2 transform -translate-y-1/2 cursor-pointer border-0 bg-transparent p-0",
             onClick: togglePasswordVisibility,
             "aria-label": ariaLabel,
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "span",
               {
                 className: `${iconSize} text-text-400 flex items-center justify-center hover:text-text-600 transition-colors`,
@@ -1190,7 +1214,7 @@ var Input = (0, import_react7.forwardRef)(
               }
             )
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "span",
           {
             className: `${iconSize} text-text-400 flex items-center justify-center`,
@@ -1198,10 +1222,10 @@ var Input = (0, import_react7.forwardRef)(
           }
         ) }))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
-        helperText && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
-        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_phosphor_react5.WarningCircle, { size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mt-1.5 gap-1.5", children: [
+        helperText && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-text-500", children: helperText }),
+        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "flex gap-1 items-center text-sm text-indicator-error", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_phosphor_react5.WarningCircle, { size: 16 }),
           " ",
           errorMessage
         ] })
@@ -1213,7 +1237,7 @@ var Input_default = Input;
 
 // src/components/DropdownMenu/DropdownMenu.tsx
 var import_react8 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var DropdownMenuContext = (0, import_react8.createContext)(
   void 0
 );
@@ -1276,14 +1300,14 @@ var DropdownMenu = ({ children, open, onOpenChange }) => {
     () => ({ open: currentOpen, setOpen }),
     [currentOpen, setOpen]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "relative", ref: menuRef, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "relative", ref: menuRef, children }) });
 };
 var DropdownMenuTrigger = (0, import_react8.forwardRef)(({ className, children, onClick, ...props }, ref) => {
   const context = (0, import_react8.useContext)(DropdownMenuContext);
   if (!context)
     throw new Error("DropdownMenuTrigger must be used within a DropdownMenu");
   const { open, setOpen } = context;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "button",
     {
       ref,
@@ -1315,7 +1339,7 @@ var ALIGN_CLASSES = {
   center: "left-1/2 -translate-x-1/2",
   end: "right-0"
 };
-var MenuLabel = (0, import_react8.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var MenuLabel = (0, import_react8.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   "fieldset",
   {
     ref,
@@ -1350,7 +1374,7 @@ var MenuContent = (0, import_react8.forwardRef)(
       const horizontal = ALIGN_CLASSES[align];
       return `absolute ${vertical} ${horizontal}`;
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "div",
       {
         ref,
@@ -1395,7 +1419,7 @@ var MenuItem = (0, import_react8.forwardRef)(
       }
       onClick?.(e);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
       {
         ref,
@@ -1425,7 +1449,7 @@ var MenuItem = (0, import_react8.forwardRef)(
   }
 );
 MenuItem.displayName = "MenuItem";
-var MenuSeparator = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var MenuSeparator = (0, import_react8.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   "div",
   {
     ref,
@@ -1441,6 +1465,7 @@ var DropdownMenu_default = DropdownMenu;
   Badge,
   Button,
   CheckBox,
+  Divider,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,