analytica-frontend-lib 1.0.37 → 1.0.38

package/dist/index.mjs

@@ -1872,26 +1872,32 @@ var DropdownMenu = ({ children, open, onOpenChange }) => {
   }, []);
   return /* @__PURE__ */ jsx20("div", { className: "relative", ref: menuRef, children: injectStore(children, store) });
 };
-var DropdownMenuTrigger = forwardRef9(({ className, children, onClick, store: externalStore, ...props }, ref) => {
+var DropdownMenuTrigger = ({
+  className,
+  children,
+  onClick,
+  store: externalStore,
+  ...props
+}) => {
   const store = useDropdownStore(externalStore);
   const open = useStore(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
   return /* @__PURE__ */ jsx20(
-    "button",
+    Button_default,
     {
-      ref,
-      className: `border border-border-200 cursor-pointer bg-background-muted hover:bg-background-200 transition-colors px-4 py-2 rounded-sm ${className}`,
+      variant: "outline",
       onClick: (e) => {
         e.stopPropagation();
         toggleOpen();
         if (onClick) onClick(e);
       },
       "aria-expanded": open,
+      className: `${className}`,
       ...props,
       children
     }
   );
-});
+};
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
 var ITEM_SIZE_CLASSES = {
   small: "text-sm",
@@ -1908,6 +1914,10 @@ var ALIGN_CLASSES = {
   center: "left-1/2 -translate-x-1/2",
   end: "right-0"
 };
+var MENUCONTENT_VARIANT_CLASSES = {
+  menu: "p-1",
+  profile: "p-6"
+};
 var MenuLabel = forwardRef9(({ className, inset, store: _store, ...props }, ref) => {
   return /* @__PURE__ */ jsx20(
     "div",
@@ -1924,6 +1934,7 @@ var MenuContent = forwardRef9(
     className,
     align = "start",
     side = "bottom",
+    variant = "menu",
     sideOffset = 4,
     children,
     store: externalStore,
@@ -1946,15 +1957,17 @@ var MenuContent = forwardRef9(
       const horizontal = ALIGN_CLASSES[align];
       return `absolute ${vertical} ${horizontal}`;
     };
+    const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
     return /* @__PURE__ */ jsx20(
       "div",
       {
         ref,
         role: "menu",
         className: `
-        bg-background z-50 min-w-[210px] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md border-border-100
+        bg-background z-50 min-w-[210px] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md border-border-100
         ${open ? "animate-in fade-in-0 zoom-in-95" : "animate-out fade-out-0 zoom-out-95"}
         ${getPositionClasses()}
+        ${variantClasses}
         ${className}
       `,
         style: {
@@ -1997,7 +2010,7 @@ var MenuItem = forwardRef9(
     };
     const getVariantClasses = () => {
       if (variant === "profile") {
-        return "relative flex flex-row justify-between select-none items-center gap-2 rounded-sm p-3 text-sm outline-none transition-colors [&>svg]:size-6 [&>svg]:shrink-0";
+        return "relative flex flex-row justify-between select-none items-center gap-2 rounded-sm p-4 text-sm outline-none transition-colors [&>svg]:size-6 [&>svg]:shrink-0";
       }
       return "relative flex select-none items-center gap-2 rounded-sm p-3 text-sm outline-none transition-colors [&>svg]:size-4 [&>svg]:shrink-0";
     };
@@ -2026,7 +2039,7 @@ var MenuItem = forwardRef9(
         ...props,
         children: [
           iconLeft,
-          children,
+          /* @__PURE__ */ jsx20("span", { className: "w-full text-md", children }),
           iconRight
         ]
       }
@@ -2101,29 +2114,33 @@ var ProfileMenuSection = forwardRef9(({ className, children, store: _store, ...p
   );
 });
 ProfileMenuSection.displayName = "ProfileMenuSection";
-var ProfileMenuFooter = forwardRef9(
-  ({ className, disabled = false, onClick, store: externalStore, ...props }, ref) => {
-    const store = useDropdownStore(externalStore);
-    const setOpen = useStore(store, (s) => s.setOpen);
-    return /* @__PURE__ */ jsxs15(
-      "button",
-      {
-        ref,
-        className: `inline-flex items-center justify-center rounded-full cursor-pointer font-medium text-md px-5 py-2.5 w-full bg-transparent text-primary-950 border border-primary-950 hover:bg-background-50 hover:text-primary-400 hover:border-primary-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 active:border-primary-700 disabled:opacity-40 disabled:cursor-not-allowed ${className}`,
-        disabled,
-        onClick: (e) => {
-          setOpen(false);
-          onClick?.(e);
-        },
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx20("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx20(SignOut, {}) }),
-          /* @__PURE__ */ jsx20("span", { children: "Sair" })
-        ]
-      }
-    );
-  }
-);
+var ProfileMenuFooter = ({
+  className,
+  disabled = false,
+  onClick,
+  store: externalStore,
+  ...props
+}) => {
+  const store = useDropdownStore(externalStore);
+  const setOpen = useStore(store, (s) => s.setOpen);
+  return /* @__PURE__ */ jsxs15(
+    Button_default,
+    {
+      variant: "outline",
+      className: `w-full ${className}`,
+      disabled,
+      onClick: (e) => {
+        setOpen(false);
+        onClick?.(e);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx20("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx20(SignOut, {}) }),
+        /* @__PURE__ */ jsx20("span", { children: "Sair" })
+      ]
+    }
+  );
+};
 ProfileMenuFooter.displayName = "ProfileMenuFooter";
 var DropdownMenu_default = DropdownMenu;
 
@@ -2313,8 +2330,9 @@ var SelectTrigger = forwardRef10(
         ref,
         className: `
         flex h-9 min-w-[220px] w-full items-center justify-between border-border-300 px-3 py-2
-        ${invalid && "border-indicator-error"}
-        ${disabled ? "cursor-not-allowed text-text-400 pointer-events-none opacity-50" : "cursor-pointer hover:bg-background-50 text-text-700 focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground"}
+        ${invalid && "border-indicator-error text-text-600"}
+        ${disabled ? "cursor-not-allowed text-text-400 pointer-events-none opacity-50" : "cursor-pointer hover:bg-background-50 focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground"}
+        ${!invalid && !disabled ? "text-text-700" : ""}
         ${variantClasses}
         ${className}
       `,
@@ -2349,7 +2367,7 @@ var SelectContent = forwardRef10(
     const store = useSelectStore(externalStore);
     const open = useStore2(store, (s) => s.open);
     if (!open) return null;
-    const getPositionClasses = () => `absolute ${SIDE_CLASSES2[side]} ${ALIGN_CLASSES2[align]}`;
+    const getPositionClasses = () => `w-full min-w-full absolute ${SIDE_CLASSES2[side]} ${ALIGN_CLASSES2[align]}`;
     return /* @__PURE__ */ jsx21(
       "div",
       {